diff --git a/static/css/main.css b/static/css/main.css
index 3eed9d0..ae60f53 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -97,8 +97,9 @@ a:hover {
 }
 
 .row-section {
-    display: flex;
-    flex-direction: row;
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr 0fr 1fr;
 }
 
 .column-section {
@@ -193,7 +194,11 @@ button[type="submit"]:hover {
     #logo > img {
         width: 150px;
     }
+    #spacer {
+        display: none;
+    }
     .row-section {
+        display: flex;
         flex-direction: column;
         width: 100%;
         align-items: center;
diff --git a/static/js/main.js b/static/js/main.js
index c5e4e79..288a118 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,12 +1,18 @@
 const base_url = "https://oss110metz.rezo-rm.fr/"
 
 var page = ['#main-page', '#admin-page', '#login-page', '#demande-page'];
+var historyHandler = [];
+window.onpopstate = history.onpushstate = function(e) {
+    show_page(e.state);
+};
+history.pushState("#main-page", "", "")
 
 function show_page(id) {
     for(i in page) {
         $(page[i]).hide();
     }
     $(id).show();
+    history.pushState(id, "", "")
 }
 
 $("#login-button").click(function (e) {
@@ -28,7 +34,7 @@ $("#login-button").click(function (e) {
                 localStorage.setItem("user", data.user);
                 show_page('#demande-page');
             } else {
-                
+
             }
 
         }
@@ -81,4 +87,3 @@ $(window).on("load", function() {
         }));
     }, 1000);
 });
-