diff --git a/django/website/hid/static/hid/js/messages.js b/django/website/hid/static/hid/js/messages.js
new file mode 100644
index 0000000000000000000000000000000000000000..19a97269b2dac873934f8b92a5039d95c28feede
--- /dev/null
+++ b/django/website/hid/static/hid/js/messages.js
@@ -0,0 +1,10 @@
+/**
+ * Hide messages box after 3 seconds automatically
+ */
+
+jQuery(window).load(function(){
+  setTimeout(function(){ 
+      jQuery('.messages-box > ul').fadeOut();
+      }, 3000);
+});
+
diff --git a/django/website/media/css/styles.css b/django/website/media/css/styles.css
index 74686d294b64bf57274ad615a8abe5834e4f4a0a..6d1f7fe873e42812e8f288bbf4a0b01de43e1e51 100644
--- a/django/website/media/css/styles.css
+++ b/django/website/media/css/styles.css
@@ -7029,6 +7029,9 @@ th.delete > label {
 .view-items-form .pagination li {
   padding: 10px;
 }
+.messages-box {
+  margin: 0;
+}
 .messages-box > ul {
   margin-top: 40px;
   color: #fff;
@@ -7051,12 +7054,16 @@ th.delete > label {
 .spinner {
   display: none;
   height: 50px;
-  margin: 40px auto 0;
-  width: 120px;
+  margin: 20px auto 0;
+  position: absolute;
+  text-align: center;
+  bottom: 20px;
+  width: 100%;
 }
 .spinner > span {
-  display: block;
-  float: left;
+  display: inline-block;
+  position: relative;
+  top: -20px;
 }
 .spinner > div {
   height: 100%;
diff --git a/django/website/media/less/view-edit.less b/django/website/media/less/view-edit.less
index b511a0e35fd3f632d8ce6ea8ba8863ad66453a32..5e43a0d4fc7cc48adecdcfae48494e3d13231422 100644
--- a/django/website/media/less/view-edit.less
+++ b/django/website/media/less/view-edit.less
@@ -52,6 +52,10 @@ th.delete > label {
     }
 }
 
+.messages-box {
+  margin:0;
+}
+
 .messages-box > ul {
   margin-top:40px;
   color:#fff;
diff --git a/django/website/templates/base.html b/django/website/templates/base.html
index 21cf0fc8637ca088adf532f1ede657154c48e474..0f442da3f7d48e0be702a0bdf42edfcdea13a732 100644
--- a/django/website/templates/base.html
+++ b/django/website/templates/base.html
@@ -40,6 +40,7 @@
         <script src="{{ STATIC_URL }}js/underscore.js"></script>
         <script src="{{ STATIC_URL }}js/backbone.js"></script>
         <script src="{{ STATIC_URL }}hid/js/spinner.js"></script>
+        <script src="{{ STATIC_URL }}hid/js/messages.js"></script>
     {% endblock %}
     {% block lastjs %}
     {% endblock %}