diff --git a/pagure/static/koji.css b/pagure/static/koji.css
index 697ea32..49fcc70 100644
--- a/pagure/static/koji.css
+++ b/pagure/static/koji.css
@@ -14,6 +14,11 @@ html
     border-bottom:1px solid #DDD;
 }
 
+.notification-spacer
+{
+    background:#f3f3f3;
+}
+
 .repo-name
 {
 
diff --git a/pagure/templates/master.html b/pagure/templates/master.html
index fee1b72..d7b86ca 100644
--- a/pagure/templates/master.html
+++ b/pagure/templates/master.html
@@ -66,11 +66,19 @@
 
             {% with messages = get_flashed_messages(with_categories=true) %}
                 {% if messages %}
+                <div class="notification-spacer">
                 <div class="container p-t-2">
                     {% for category, message in messages %}
-                    <li class="{{ category }}">{{ message }}</li>
+                    <div class="alert {% if category == 'error' %}alert-warning{% else %}alert-info{%endif%} alert-dismissible" role="alert">
+                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                        <span class="sr-only">Close</span>
+                      </button>
+                      {{ message }}
+                    </div>
                     {% endfor %}
-                </ul>
+                </div>
+                </div>
                 {% endif %}
             {% endwith %}