diff --git a/components/button/index.css b/components/button/index.css
index 3372bd1f17e..e5d4670caf9 100644
--- a/components/button/index.css
+++ b/components/button/index.css
@@ -251,6 +251,11 @@ governing permissions and limitations under the License.
       --spectrum-button-content-color-focus: var(--spectrum-transparent-white-900);
   
       &.spectrum-Button--outline {
+        --spectrum-button-background-color-default: var(--spectrum-transparent-white-25);
+        --spectrum-button-background-color-hover: var(--spectrum-transparent-white-100);
+        --spectrum-button-background-color-down: var(--spectrum-transparent-white-100);
+        --spectrum-button-background-color-focus: var(--spectrum-transparent-white-100);
+
         --spectrum-button-border-color-default: var(--spectrum-transparent-white-300);
         --spectrum-button-border-color-hover: var(--spectrum-transparent-white-400);
         --spectrum-button-border-color-down: var(--spectrum-transparent-white-400);