diff --git a/imagehosting/templates/imagehosting/base.html b/imagehosting/templates/imagehosting/base.html
index 26b13a0..f269781 100644
--- a/imagehosting/templates/imagehosting/base.html
+++ b/imagehosting/templates/imagehosting/base.html
@@ -18,7 +18,7 @@
       }
 
       .header {
-        z-index: 99;
+        z-index: 2;
         dispaly: block;
         color: black;
         background: linear-gradient(#f3f3f3, #e0e0e0);
@@ -91,7 +91,7 @@
           right: 0;
           bottom: 0;
           background: #fff;
-          z-index: 50;
+          z-index: 1;
       }
       #page-preloader .spinner {
           width: 32px;
@@ -111,7 +111,7 @@
     </style>
   </head>
   <body>
-
+<div id="page-preloader"><span class="spinner"></span></div>
     <div class='header'> <a href="{% url 'all_posts' %}" class='logo'>LOGO </a>
       <a href="{% url 'image_new' %}" class='right-menu'>new image</a>
       <a href="{% url 'all_posts' %}" class='right-menu'>all images</a>
@@ -123,7 +123,7 @@
         </ul>
       </ul>
     </div>
-    <div id="page-preloader"><span class="spinner"></span></div>
+
     {% block content %}
     {% endblock%}
   </body>
