From dba3da184aeca40c999c3b078bb3892bc4adbb38 Mon Sep 17 00:00:00 2001
From: Tara Culpin <95081643+taraculpin@users.noreply.github.com>
Date: Wed, 25 Oct 2023 15:37:34 +0100
Subject: [PATCH] fix: fix radio button position to account for longer labels

---
 projects/canopy/src/lib/forms/radio/radio-button.component.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/projects/canopy/src/lib/forms/radio/radio-button.component.scss b/projects/canopy/src/lib/forms/radio/radio-button.component.scss
index ed51941b8..e6b7867f4 100644
--- 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);