diff --git a/packages/chakra-ui-core/src/CSwitch/CSwitch.js b/packages/chakra-ui-core/src/CSwitch/CSwitch.js
index e53f870c..cf353621 100644
--- a/packages/chakra-ui-core/src/CSwitch/CSwitch.js
+++ b/packages/chakra-ui-core/src/CSwitch/CSwitch.js
@@ -125,6 +125,7 @@ const CSwitch = {
         as: 'label'
       },
       attrs: {
+        position: 'relative',
         display: 'inline-block',
         verticalAlign: 'middle',
         ...data.attrs,
diff --git a/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap b/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap
index 706cf836..232edfb8 100644
--- a/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap
+++ b/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap
@@ -3,7 +3,7 @@
 exports[`should render correctly 1`] = `
 <DocumentFragment>
   <label
-    class="css-v7ibj3"
+    class="css-lncjus"
     data-chakra-component="CSwitch"
     data-testid="switch"
   >