diff --git a/js/navbar.js b/js/navbar.js
index d200b92..f396681 100644
--- a/js/navbar.js
+++ b/js/navbar.js
@@ -7,15 +7,13 @@ function collapseSidebar() {
 }
 
 function sidebarOpen() {
-  document.getElementById("sidebar").style.height = "100%";
-  document.getElementById("sidebar").style.display = "block";
+  document.getElementById("sidebar").style.width = "40%";
   document.getElementById("sidebar_open_short").style.display = "none";
   document.getElementById("sidebar_close_short").style.display = "block";
 }
 
 function sidebarClose() {
-  document.getElementById("sidebar").style.height = "0%";
-  document.getElementById("sidebar").style.display = "none";
+  document.getElementById("sidebar").style.width = "0%"
   document.getElementById("sidebar_open_short").style.display = "block";
   document.getElementById("sidebar_close_short").style.display = "none";
 }
\ No newline at end of file