diff --git a/docs/examples/styles/background_tint.tcss b/docs/examples/styles/background_tint.tcss
index 276ef44ead..1d3c507be1 100644
--- a/docs/examples/styles/background_tint.tcss
+++ b/docs/examples/styles/background_tint.tcss
@@ -2,8 +2,8 @@ Vertical {
     background: $panel;
     color: auto 90%;
 }
-#tint1 { background-tint: $foreground 0%; }
-#tint2 { background-tint: $foreground 25%; }
-#tint3 { background-tint: $foreground 50%; }
-#tint4 { background-tint: $foreground 75% }
-#tint5 { background-tint: $foreground 100% }
+#tint1 { background-tint: $text 0%; }
+#tint2 { background-tint: $text 25%; }
+#tint3 { background-tint: $text 50%; }
+#tint4 { background-tint: $text 75% }
+#tint5 { background-tint: $text 100% }
diff --git a/docs/examples/widgets/content_switcher.tcss b/docs/examples/widgets/content_switcher.tcss
index da47d9c57f..8e442b6cd7 100644
--- a/docs/examples/widgets/content_switcher.tcss
+++ b/docs/examples/widgets/content_switcher.tcss
@@ -9,19 +9,14 @@ Screen {
 }
 
 ContentSwitcher {
-    background: $panel;
     border: round $primary;
     width: 90%;
     height: 1fr;
 }
 
-DataTable {
-    background: $panel;
-}
-
 MarkdownH2 {
-    background: $primary;
+    background: $panel;
     color: yellow;
     border: none;
-    padding: 0;
+    padding: 0 1;
 }
diff --git a/src/textual/widgets/_button.py b/src/textual/widgets/_button.py
index f658d01d6f..85b1dd47dd 100644
--- a/src/textual/widgets/_button.py
+++ b/src/textual/widgets/_button.py
@@ -51,7 +51,7 @@ class Button(Widget, can_focus=True):
         background: $surface;
         color: $foreground;
         border: none;
-        border-top: tall $border-blurred;
+        border-top: tall $surface-lighten-1;
         border-bottom: tall $surface-darken-1;
         text-align: center;
         content-align: center middle;