diff --git a/backend/static/styles.css b/backend/static/styles.css
index 72005c9..df021b9 100644
--- a/backend/static/styles.css
+++ b/backend/static/styles.css
@@ -226,6 +226,8 @@ header h1 {
     cursor: pointer;
     border-radius: var(--radius);
     transition: background 0.2s;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 .folder-header:hover {
@@ -237,21 +239,27 @@ header h1 {
     color: var(--text-secondary);
     width: 16px;
     text-align: center;
+    flex-shrink: 0;
 }
 
 .folder-icon {
     font-size: 1.1rem;
+    flex-shrink: 0;
 }
 
 .folder-name {
     flex: 1;
     font-weight: 500;
     font-size: 0.9rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 0;
 }
 
 .folder-date {
     font-size: 0.7rem;
     color: var(--text-secondary);
+    flex-shrink: 0;
 }
 
 .folder-delete {
@@ -261,12 +269,11 @@ header h1 {
     border-radius: 4px;
     transition: background 0.2s;
     margin-left: 8px;
-    opacity: 0.6;
+    flex-shrink: 0;
 }
 
 .folder-delete:hover {
     background: rgba(248, 113, 113, 0.2);
-    opacity: 1;
 }
 
 .folder-files {