diff --git a/packages/gestalt/src/Spinner.css b/packages/gestalt/src/Spinner.css
index c85383e7b4..503174f852 100644
--- a/packages/gestalt/src/Spinner.css
+++ b/packages/gestalt/src/Spinner.css
@@ -12,6 +12,7 @@
 
 .icon {
   composes: block from "./Layout.css";
+  animation-composition: add;
   animation-duration: 1.2s;
   animation-iteration-count: infinite;
   animation-name: spin;
@@ -20,5 +21,5 @@
 
 .delay {
   animation-delay: 0.3s;
-  opacity: 0;
+  opacity: var(--opacity-0);
 }