diff --git a/frontend/src/index.css b/frontend/src/index.css
index 73e34fe..8736f8b 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -9,11 +9,17 @@ body {
 }
 
 .sidebar {
-  min-height: calc(100vh - 56px);
   background-color: #343a40;
   padding-top: 20px;
 }
 
+/* The "min-width" comes from the "min-width" media attribute on "main-content" */
+@media (min-width: 768px) {
+  .sidebar {
+    min-height: calc(100vh - 56px);
+  }
+}
+
 /* Removed color and background styles as they are set inline in Sidebar.js */
 /* Kept basic layout and transition styles */
 .sidebar .nav-link {