diff --git a/.gitignore b/.gitignore
index b84450271..cf812c6bb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -105,6 +105,9 @@ dmypy.json
 
 .claude/settings.local.json
 
+# Design documentation
+.design/
+
 # macOS system files
 .DS_Store
 .DS_Store?
diff --git a/components/frontend/src/app/globals.css b/components/frontend/src/app/globals.css
index b8366cfcc..7d56c04ca 100644
--- a/components/frontend/src/app/globals.css
+++ b/components/frontend/src/app/globals.css
@@ -259,3 +259,15 @@
 .dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
   background: hsl(var(--foreground));
 }
+
+/* Hide scrollbar while maintaining scroll functionality */
+.scrollbar-hide {
+  /* Firefox */
+  scrollbar-width: none;
+  /* WebKit browsers (Chrome, Safari, Edge) */
+  -ms-overflow-style: none;
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
diff --git a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
index 27acc2494..75f3e6777 100644
--- a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
+++ b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
@@ -1566,7 +1566,7 @@ export default function ProjectSessionDetailPage({
                   </Button>
                 </div>
                 <div className={cn(
-                  "flex-grow pb-6",
+                  "flex-grow pb-6 overflow-y-auto scrollbar-hide",
                   ["Stopped", "Completed", "Failed"].includes(phase) && "blur-[2px]"
                 )}>
                   <Accordion