diff --git a/packages/components/src/components/copy-button/_copy-button.scss b/packages/components/src/components/copy-button/_copy-button.scss
index 09b7ec313cc0..8e243417cd86 100644
--- a/packages/components/src/components/copy-button/_copy-button.scss
+++ b/packages/components/src/components/copy-button/_copy-button.scss
@@ -75,9 +75,6 @@
   }
 
   // TODO: deprecate above styles
-  .#{$prefix}--copy {
-    font-size: 0;
-  }
 
   .#{$prefix}--copy-btn {
     @include reset;
@@ -139,4 +136,9 @@
       animation: $duration--fast-02 motion(standard, productive) show-feedback;
     }
   }
+
+  // Needs to come after reset so hidden text is not set to font-size: 100%
+  .#{$prefix}--copy {
+    font-size: 0;
+  }
 }