2 files changed, 2 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx
index 90d991496..65f1fce74 100644
--- a/packages/dev-tools-pages/ts/components/Button.tsx
+++ b/packages/dev-tools-pages/ts/components/Button.tsx
@@ -24,7 +24,7 @@ const Button =
   padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')};
   display: inline-block;
   :hover, :focus {
-    color: ${props => props.colors.main};
+    background-color: ${props => props.colors.secondary_alt};
   } 
   ${props =>
       props.large &&
diff --git a/packages/dev-tools-pages/ts/components/Tabs.tsx b/packages/dev-tools-pages/ts/components/Tabs.tsx
index 4d436f519..36c707b06 100644
--- a/packages/dev-tools-pages/ts/components/Tabs.tsx
+++ b/packages/dev-tools-pages/ts/components/Tabs.tsx
@@ -39,7 +39,7 @@ const Root =
 
         &[aria-selected="false"]:focus,
         &[aria-selected="false"]:hover {
-            color: ${props => props.colors.main};
+            background-color: ${props => props.colors.secondary_alt};
             cursor: pointer;
         }
     }