[@mantine/core] Switch: Fix incorrect alignment (#3082)

mantinedev · Dec 12, 2022 · f6636f1 · f6636f1
1 parent 6dc8e99
commit f6636f1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/mantine-core/src/Switch/Switch.story.tsx b/src/mantine-core/src/Switch/Switch.story.tsx
@@ -104,3 +104,7 @@ export function WithError() {
     </Stack>
   );
 }
+
+export function Alignment() {
+  return <Switch />;
+}
diff --git a/src/mantine-core/src/Switch/Switch.styles.ts b/src/mantine-core/src/Switch/Switch.styles.ts
@@ -60,13 +60,14 @@ export default createStyles(
     return {
       input: {
         clip: 'rect(1px, 1px, 1px, 1px)',
-        height: '1px',
+        height: 0,
+        width: 0,
         overflow: 'hidden',
-        width: '1px',
         whiteSpace: 'nowrap',
-        padding: '0',
+        padding: 0,
         WebkitClipPath: 'inset(50%)',
         clipPath: 'inset(50%)',
+        position: 'absolute',
       },
 
       track: {