diff --git a/app/static/css/style.css b/app/static/css/style.css
index 07eded6..a547ccc 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -40,6 +40,10 @@ nav.sidebar a:hover {
     background-color: lightgrey;
 }
 
+nav.sidebar ul {
+    width: 100%;
+}
+
 nav.sidebar a {
     color: black;
     text-decoration: none;
@@ -82,9 +86,15 @@ nav.sidebar a.disabled {
 }
 
 /* Update the navbar for small screens. Replace bootstrap css for small screens only */
-@media (max-width: 600px) {
+@media (max-width: 768px) {
     .sidebar {
         position: static !important;
         margin-top: 0px !important;
     }
 }
+
+@media (min-width: 1670px) {
+    .sidebar {
+        max-width:12.499999995%;
+    }
+}
\ No newline at end of file
diff --git a/app/templates/base_page.html b/app/templates/base_page.html
index e902ec3..8189b73 100644
--- a/app/templates/base_page.html
+++ b/app/templates/base_page.html
@@ -30,7 +30,7 @@
 
   <div class="container-fluid">
     <div class="row">
-      <nav class="col-md-2 col-sm-auto col-xs-auto navbar-light bg-light navbar-expand-md sidebar mt-5">
+      <nav class="col-md-half col-lg-2 col-md-2 navbar-light bg-light navbar-expand-md sidebar mt-5">
           <button id="test" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
           </button>
--
libgit2 0.21.2