fix for colors view

Author: willmcgugan

src/textual_dev/previews/colors.css

@@ -18,7 +18,7 @@ ColorsView {
     align: center middle;
     overflow-x: auto;
     background: $background;
-    scrollbar-gutter: stable;
+    scrollbar-gutter: stable;    
 }
 
 ColorItem {
@@ -57,6 +57,10 @@ ColorGroup.-active {
     border: wide $secondary;
 }
 
+NamedColorsView {
+    height: 1fr;
+}
+
 .text {
     color: $text;
 }

src/textual_dev/previews/colors.py

@@ -79,14 +79,14 @@ class ColorsApp(App[None]):
     def compose(self) -> ComposeResult:
         yield Footer()
         with ColorTabs("Theme Colors", "Named Colors"):
-            yield Content(ThemeColorButtons())
-            yield Vertical(NamedColorsView())
+            yield Content(ThemeColorButtons(), id="theme")
+            yield NamedColorsView()
 
     def on_mount(self) -> None:
         self.call_after_refresh(self.update_view)
 
     def update_view(self) -> None:
-        content = self.query_one("Content", Content)
+        content = self.query_one("#theme", Content)
         content.mount(ThemeColorsView())
 
     def on_button_pressed(self, event: Button.Pressed) -> None: