diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx
index abfe188..d0484c6 100644
--- a/admin-spa/src/App.tsx
+++ b/admin-spa/src/App.tsx
@@ -416,14 +416,14 @@ function Shell() {
           isDesktop ? (
             <div className="flex flex-1 min-h-0">
               <Sidebar />
-              <main className="flex-1 flex flex-col min-h-0">
+              <main className="flex-1 flex flex-col min-h-0 min-w-0">
                 {isDashboardRoute ? (
                   <DashboardSubmenuBar items={main.children} fullscreen={true} />
                 ) : (
                   <SubmenuBar items={main.children} fullscreen={true} />
                 )}
                 <PageHeader fullscreen={true} />
-                <div className="flex-1 overflow-auto p-4">
+                <div className="flex-1 overflow-auto p-4 min-w-0">
                   <AppRoutes />
                 </div>
               </main>
@@ -436,9 +436,9 @@ function Shell() {
               ) : (
                 <SubmenuBar items={main.children} fullscreen={true} />
               )}
-              <main className="flex-1 flex flex-col min-h-0">
+              <main className="flex-1 flex flex-col min-h-0 min-w-0">
                 <PageHeader fullscreen={true} />
-                <div className="flex-1 overflow-auto p-4">
+                <div className="flex-1 overflow-auto p-4 min-w-0">
                   <AppRoutes />
                 </div>
               </main>
@@ -453,8 +453,8 @@ function Shell() {
               <SubmenuBar items={main.children} fullscreen={false} />
             )}
             <PageHeader fullscreen={false} />
-            <main className="flex-1 flex flex-col min-h-0">
-              <div className="flex-1 overflow-auto p-4">
+            <main className="flex-1 flex flex-col min-h-0 min-w-0">
+              <div className="flex-1 overflow-auto p-4 min-w-0">
                 <AppRoutes />
               </div>
             </main>
diff --git a/admin-spa/src/components/PageHeader.tsx b/admin-spa/src/components/PageHeader.tsx
index e89fee5..aa767c2 100644
--- a/admin-spa/src/components/PageHeader.tsx
+++ b/admin-spa/src/components/PageHeader.tsx
@@ -17,11 +17,11 @@ export function PageHeader({ fullscreen = false }: PageHeaderProps) {
 
   return (
     <div className={`sticky ${topClass} z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`}>
-      <div className="container max-w-5xl mx-auto px-4 py-3 flex items-center justify-between">
-        <div>
-          <h1 className="text-lg font-semibold">{title}</h1>
+      <div className="w-full max-w-5xl mx-auto px-4 py-3 flex items-center justify-between min-w-0">
+        <div className="min-w-0 flex-1">
+          <h1 className="text-lg font-semibold truncate">{title}</h1>
         </div>
-        {action && <div>{action}</div>}
+        {action && <div className="flex-shrink-0 ml-4">{action}</div>}
       </div>
     </div>
   );
diff --git a/admin-spa/src/routes/Settings/components/SettingsLayout.tsx b/admin-spa/src/routes/Settings/components/SettingsLayout.tsx
index 1cf53bb..b2208ce 100644
--- a/admin-spa/src/routes/Settings/components/SettingsLayout.tsx
+++ b/admin-spa/src/routes/Settings/components/SettingsLayout.tsx
@@ -63,14 +63,14 @@ export function SettingsLayout({
   }, [title, onSave, isSaving, isLoading, saveLabel]);
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 min-w-0">
 
       {/* Content */}
-      <div className="container px-0 max-w-5xl mx-auto">
+      <div className="w-full max-w-5xl mx-auto min-w-0">
         {!onSave && (
           <div className="mb-8">
-            <div className="flex items-start justify-between gap-4">
-              <div>
+            <div className="flex items-start justify-between gap-4 min-w-0">
+              <div className="min-w-0 flex-1">
                 <h1 className="text-2xl font-bold tracking-tight">{title}</h1>
                 {description && (
                   <p className="text-muted-foreground mt-2">{description}</p>
@@ -86,7 +86,7 @@ export function SettingsLayout({
             <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
           </div>
         ) : (
-          <div className="space-y-6">{children}</div>
+          <div className="space-y-6 min-w-0">{children}</div>
         )}
       </div>
     </div>