fix: fix radio button position to account for longer labels

Legal-and-General · Oct 25, 2023 · dba3da1 · dba3da1
1 parent 1cca73a
commit dba3da1
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/projects/canopy/src/lib/forms/radio/radio-button.component.scss b/projects/canopy/src/lib/forms/radio/radio-button.component.scss
@@ -22,6 +22,7 @@
   display: flex;
   position: relative;
   font-weight: var(--font-weight-regular);
+  padding-left: calc(var(--radio-outer-lg-width) + var(--space-xxs));
 
   .lg-radio-button__input:disabled + & {
     color: var(--disabled-color);
@@ -44,6 +45,7 @@
   border-radius: 50%;
   border: var(--border-width) solid var(--radio-border-color);
   margin: auto var(--space-sm) auto 0;
+  position: absolute;
 
   .lg-radio-button__input:focus-visible + & {
     border-color: var(--border-focus-color);