diff --git a/docs/examples/guide/compound/byte01.py b/docs/examples/guide/compound/byte01.py
index 76f6ee69c..d03665709 100644
--- a/docs/examples/guide/compound/byte01.py
+++ b/docs/examples/guide/compound/byte01.py
@@ -17,7 +17,7 @@ class BitSwitch(Widget):
     }
     BitSwitch > Label {
         text-align: center;
-        width: 1fr;
+        width: 100%;
     }
     """
 
diff --git a/docs/examples/guide/compound/byte02.py b/docs/examples/guide/compound/byte02.py
index c9732b499..f882ef753 100644
--- a/docs/examples/guide/compound/byte02.py
+++ b/docs/examples/guide/compound/byte02.py
@@ -19,7 +19,7 @@ class BitSwitch(Widget):
     }
     BitSwitch > Label {
         text-align: center;
-        width: 1fr;
+        width: 100%;
     }
     """
 
diff --git a/docs/examples/guide/compound/byte03.py b/docs/examples/guide/compound/byte03.py
index 829252a35..239cf81b6 100644
--- a/docs/examples/guide/compound/byte03.py
+++ b/docs/examples/guide/compound/byte03.py
@@ -20,7 +20,7 @@ class BitSwitch(Widget):
     }
     BitSwitch > Label {
         text-align: center;
-        width: 1fr;
+        width: 100%;
     }
     """