diff --git a/src/app/app.component.html b/src/app/app.component.html
index c28d784..f6d72b0 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
 <app-navbar></app-navbar>
 <div class="container-fluid">
     <div class="row">
-        <div class="sidebar border border-right col-md-3 col-lg-3 p-0 bg-body-tertiary" style="position: fixed; height: 100%;">
+        <div class="sidebar border border-right col-md-3 col-lg-3 p-0 bg-body-tertiary">
             <app-sidebar [isDaemonRunning]="daemonRunning"></app-sidebar>
         </div>
         <main class="col-md-9 ms-sm-auto col-lg-9 px-md-4">
diff --git a/src/styles.scss b/src/styles.scss
index a7d5d97..60810ab 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,7 +18,16 @@ $primary: #ff5733;
  * Sidebar
  */
 
+.sidebar {
+  position: inherit !important;
+  height: 100%;
+}
+
+
 @media (min-width: 768px) {
+  .sidebar {
+    position: fixed !important;
+  }
   .sidebar .offcanvas-lg {
     position: sticky;
     top: 48px;