From a04b9d90dd5f62bfd699910c3a01b619f2d4f249 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Tue, 25 Jan 2022 10:13:34 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20refactor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../addon/styles/rose/components/form/_radio-card.scss    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/addons/rose/addon/styles/rose/components/form/_radio-card.scss b/addons/rose/addon/styles/rose/components/form/_radio-card.scss
index b1bfe78e4..1f5f47394 100644
--- a/addons/rose/addon/styles/rose/components/form/_radio-card.scss
+++ b/addons/rose/addon/styles/rose/components/form/_radio-card.scss
@@ -32,6 +32,10 @@ $radio-svg: (
 );
 
 .rose-form-radio-card {
+  $cardWideWidth: $size-m * 11;
+  $cardTileWidth: $size-m * 7.25;
+  $borderWidth: $size-xxxs * 2;
+
   &.wide {
     width: ($size-m) * 23;
     .rose-icon {
@@ -51,7 +55,7 @@ $radio-svg: (
       align-items: center;
       height: $size-m * 9;
       &::after {
-        left: $size-xl * 3.1;
+        left: $cardTileWidth - $borderWidth;
       }
     }
   }
@@ -92,7 +96,7 @@ $radio-svg: (
     &::after {
       position: absolute;
       bottom: $size-xxs;
-      right: $size-xxl * 3.7;
+      right: $cardWideWidth - $borderWidth;
       display: block;
       width: $size-m;
       height: $size-m;