diff --git a/src/pages/components/Button.mdx b/src/pages/components/Button.mdx
index 9704b5c0..ca9369ff 100644
--- a/src/pages/components/Button.mdx
+++ b/src/pages/components/Button.mdx
@@ -9,7 +9,7 @@ import { Box, Flex, Button, ThemeProvider, Icon } from '@fxtrot/ui';
 ## Variant
 
 <Playground>
-  <Flex space="xl" css={{ py: '$8', bc: '$surfaceStill' }}>
+  <Flex space="xl" css={{ py: '$8', bc: '$gray050' }}>
     <Flex flow="row" space="sm" css={{ px: '$10' }}>
       <Button>Primary</Button>
       <Button disabled>Primary (disabled)</Button>