diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 56fc321ad3..092bc396ff 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -267,6 +267,10 @@
           {
             "label": "Warning",
             "value": "warning"
+          },
+          {
+            "label": "Over Background",
+            "value": "overBackground"
           }
         ],
         "defaultValue": "primary"
diff --git a/packages/standard-components/src/Button.svelte b/packages/standard-components/src/Button.svelte
index 22cc286bf4..ed465e3e66 100644
--- a/packages/standard-components/src/Button.svelte
+++ b/packages/standard-components/src/Button.svelte
@@ -1,5 +1,6 @@
 <script>
   import { getContext } from "svelte"
+  import "@spectrum-css/button/dist/index-vars.css"
 
   const { styleable } = getContext("sdk")
   const component = getContext("component")
@@ -27,4 +28,7 @@
     width: fit-content;
     width: -moz-fit-content;
   }
+  .spectrum-Button--overBackground:hover {
+    color: #555;
+  }
 </style>