diff --git a/mayan/apps/appearance/static/appearance/css/base.css b/mayan/apps/appearance/static/appearance/css/base.css
index 982c544ea3..57b1e9a7cb 100644
--- a/mayan/apps/appearance/static/appearance/css/base.css
+++ b/mayan/apps/appearance/static/appearance/css/base.css
@@ -565,3 +565,8 @@ a i {
     padding: 0px;
     padding-bottom: 10px; /* Padding for scrollbar */
 }
+
+/* appearance - JavaScript server error */
+.banner-server-error {
+    margin-top: 10px;
+}
diff --git a/mayan/apps/appearance/static/appearance/js/partial_navigation.js b/mayan/apps/appearance/static/appearance/js/partial_navigation.js
index 0c5fcd5c04..b71dcc8490 100644
--- a/mayan/apps/appearance/static/appearance/js/partial_navigation.js
+++ b/mayan/apps/appearance/static/appearance/js/partial_navigation.js
@@ -171,11 +171,13 @@ class PartialNavigation {
             $('#ajax-content').html(
                 ' \
                     <div class="row">\
-                    <div class="col-xs-12">\
-                    <div class="alert alert-danger" role="alert"><i class="fa fa-exclamation-triangle"></i> Server Error, status code: ' + jqXHR.status + '</div> \
-                    <pre class="pre-server-error"><code>' +  errorMessage +'</code> \
-                    </pre> \
-                    </div>\
+                        <div class="col-xs-12">\
+                            <div class="banner-server-error">\
+                                <div class="alert alert-danger" role="alert"><i class="fa fa-exclamation-triangle"></i> Server error, status code: ' + jqXHR.status + '</div> \
+                                    <pre class="pre-server-error"><code>' +  errorMessage +'</code> \
+                                    </pre> \
+                                </div>\
+                            </div>\
                     </div>\
                 '
             );