Fixes Radio Button top position

sumup-oss · Sep 28, 2023 · 8c60a12 · 8c60a12
1 parent 25808b5
commit 8c60a12
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/ten-pumas-wonder.md b/.changeset/ten-pumas-wonder.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Fixes Radio Button top position
diff --git a/packages/circuit-ui/components/RadioButton/RadioButton.module.css b/packages/circuit-ui/components/RadioButton/RadioButton.module.css
@@ -8,7 +8,7 @@
 
 .label::before {
   position: absolute;
-  top: calc(var(--cui-typography-body-one-line-height) / 2);
+  top: 50%;
   left: 0;
   box-sizing: border-box;
   display: block;
@@ -26,7 +26,7 @@
 
 .label::after {
   position: absolute;
-  top: calc(var(--cui-typography-body-one-line-height) / 2);
+  top: 50%;
   left: var(--cui-spacings-bit);
   box-sizing: border-box;
   display: block;