add explicit width

src/pages/Discover/DiscoverPage.tsx

@@ -37,14 +37,13 @@ export function DiscoverPage(props: PageProps) {
 
   const { theme } = useTheme();
   return (
-    <box flexDirection="row" flexGrow={1} height="100%" gap={1}>
+    <box flexDirection="row" flexGrow={1} height="100%" width="100%" gap={1}>
       <box
         border
         padding={1}
         borderColor={theme.border}
         flexDirection="column"
         gap={1}
-        width={20}
       >
         <text
           fg={

src/pages/Feed/FeedPage.tsx

@@ -46,6 +46,7 @@ export function FeedPage(props: PageProps) {
       backgroundColor={theme.background}
       flexDirection="column"
       height="100%"
+      width="100%"
     >
       {/* Status line */}
       <Show when={isRefreshing()}>

src/pages/MyShows/MyShowsPage.tsx

@@ -128,7 +128,7 @@ export function MyShowsPage(props: PageProps) {
   };
 
   return (
-    <box flexDirection="row" flexGrow={1}>
+    <box flexDirection="row" flexGrow={1} width="100%">
       <box flexDirection="column" height="100%">
         <Show when={isRefreshing()}>
           <text fg="yellow">Refreshing...</text>

src/pages/Player/PlayerPage.tsx

@@ -25,7 +25,7 @@ export function PlayerPage(props: PageProps) {
   };
 
   return (
-    <box flexDirection="column" gap={1}>
+    <box flexDirection="column" gap={1} width="100%">
       <box flexDirection="row" justifyContent="space-between">
         <text>
           <strong>Now Playing</strong>

src/pages/Search/SearchPage.tsx

@@ -57,7 +57,7 @@ export function SearchPage(props: PageProps) {
   };
 
   return (
-    <box flexDirection="column" height="100%" gap={1}>
+    <box flexDirection="column" height="100%" gap={1} width="100%">
       {/* Search Header */}
       <box flexDirection="column" gap={1}>
         <text>

src/pages/Settings/SettingsPage.tsx

@@ -31,7 +31,7 @@ export function SettingsPage(props: PageProps) {
   );
 
   return (
-    <box flexDirection="column" gap={1} height="100%">
+    <box flexDirection="column" gap={1} height="100%" width="100%">
       <box flexDirection="row" gap={1}>
         <For each={SECTIONS}>
           {(section, index) => (