diff --git a/Containers/UserSettings/UserSettings.module.css b/Containers/UserSettings/UserSettings.module.css
index 8319caf..85e9687 100644
--- a/Containers/UserSettings/UserSettings.module.css
+++ b/Containers/UserSettings/UserSettings.module.css
@@ -78,7 +78,7 @@
     display: block;
     margin-bottom: 8px;
     text-align: center;
-    margin-top: 20px;
+    /* margin-top: 20px; */
     color: #494b7a;
 }
 
diff --git a/styles/default.css b/styles/default.css
index cd57bbd..a57d6a7 100644
--- a/styles/default.css
+++ b/styles/default.css
@@ -174,3 +174,39 @@ code {
 .heart::before {
     content: '\f004';
 }
+
+/* Radio group and radio button */
+.radio-group {
+    display: flex;
+}
+
+.radio-group input[type='radio']:checked + span::before {
+    background-color: #6d4aff;
+    box-shadow: inset white 0 0 0 2px;
+}
+.radio-group span::before {
+    border: 2px solid #6d4aff;
+    content: '';
+    display: flex;
+    height: 16px;
+    width: 16px;
+    margin: 0 5px;
+    border-radius: 50%;
+    box-sizing: border-box;
+    transition: all ease 0.2s;
+    box-shadow: inset white 0 0 0 10px;
+}
+
+.radio-group label {
+    margin: 0 8px 0 0;
+    cursor: pointer;
+}
+
+.radio-group input[type='radio'] {
+    opacity: 0;
+}
+
+.radio-group span {
+    display: flex;
+    align-items: center;
+}