t

OnlyPrompt.Frontend/css/base.css

@@ -44,18 +44,28 @@ body {
 .layout {
   display: flex;
   min-height: 100vh;
+  width: 100%;
   background: var(--bg);
 }
 
+#sidebar-container {
+  flex-shrink: 0;
+  display: flex;
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  align-self: flex-start;
+  overflow-y: auto;
+}
+
 /* Main content area - flex child that fills remaining space */
 .page-body {
   flex: 1;
   display: flex;
   flex-direction: column;
+  min-width: 0;
   margin: 0;
-  max-width: 100%;
   padding: 0;
-  width: 100%;
 }
 
 /* ── Reusable empty / error state components ─────────────────────────── */

OnlyPrompt.Frontend/css/topbar.css

@@ -14,7 +14,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 18px;
-}
+  box-sizing: border-box;
 
   .topbar-search {
     flex: 1; /* Takes all available space */
@@ -65,7 +65,9 @@
     align-items: center;
     justify-content: center;
     border-radius: 50%;
-  transition: background 0.2s, color 0.2s;
+    transition:
+      background 0.2s,
+      color 0.2s;
   }
 
   .topbar-icon-btn:hover {
@@ -123,3 +125,4 @@
       padding: 6px 12px;
     }
   }
+}