diff --git a/packages/core/tools/_mixins.scss b/packages/core/tools/_mixins.scss
index fe77ddca0..bc903f864 100644
--- a/packages/core/tools/_mixins.scss
+++ b/packages/core/tools/_mixins.scss
@@ -38,8 +38,6 @@
 //
 
 @mixin visually-hidden() {
-  position: absolute;
-
   // Absolute positioning has the unintended consequence of removing any
   // whitespace surrounding visually hidden text from the accessibility tree.
   // Insert a space character before and after visually hidden text to separate
@@ -60,6 +58,7 @@
   margin: 0;
   overflow: hidden;
   padding: 0;
+  position: absolute;
   white-space: nowrap;
   width: 1px;
 }