2 files changed, 6 insertions, 3 deletions

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css
index e252dc1006..9723db36d0 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -216,6 +216,7 @@ dl textarea { resize: vertical; }
 .tooltip-inner { max-width: 250px; }
 .new-build { padding: 20px; }
 .new-build li { line-height: 30px; }
+.new-build li .alert { line-height: 20px; width: 200px; white-space: normal; }
 .new-build h6 { margin: 10px 0 0 0; color: #5a5a5a; }
 .new-build h3 { margin: 0; color: #5a5a5a; }
 .new-build form { margin: 5px 0 0; }
diff --git a/bitbake/lib/toaster/toastergui/templates/base.html b/bitbake/lib/toaster/toastergui/templates/base.html
index 0b93bb3dde..640bc47bcc 100644
--- a/bitbake/lib/toaster/toastergui/templates/base.html
+++ b/bitbake/lib/toaster/toastergui/templates/base.html
@@ -148,9 +148,11 @@
                   <p><a id="view-all-projects" href="{% url 'all-projects' %}">View all projects</a></p>
                 </form>
               </li>
-              <li style="display: none">
-                This project's configuration is incomplete,<br/>so you cannot run builds.<br/>
-                <p><a href="{% if project.id %}{% url 'project' project.id %}{% endif %}">View project configuration</a></p>
+              <li>
+                <div class="alert" style="display:none;">
+                  <p>This project configuration is incomplete, so you cannot run builds.</p>
+                  <p><a href="{% if project.id %}{% url 'project' project.id %}{% endif %}">View project configuration</a></p>
+                </div>
               </li>
               <li id="targets-form">
                 <h6>Recipe(s):</h6>