diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 45a4310..955c236 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -18,22 +18,30 @@ const Radio = (props) => {
{value == activeRadioOption ? (
<>
-
-
{`${description}`}
+
>
) : (
<>
-
-
{`${description}`}
+
>
)}
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 1a00fab..ba7cce6 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -8,11 +8,21 @@
border: 1px solid #d4d4d4;
}
+.radio-circle-top {
+ display: flex;
+ flex-direction: row;
+}
+.radio-circle-bottom {
+ display: flex;
+ flex-direction: column;
+}
.radio-circle-box {
+ height: 40px;
margin: 12px 8px;
}
.radio-name-box {
+ height: 40px;
font-family: var(--main-font);
font-family: Roboto;
font-weight: 500;