diff --git a/src/components/fields/RadioGroup.tsx b/src/components/fields/RadioGroup.tsx
index 99430f8b7..9e59db259 100644
--- a/src/components/fields/RadioGroup.tsx
+++ b/src/components/fields/RadioGroup.tsx
@@ -37,7 +37,7 @@ export const RadioGroup: FC<IRadioGroup> = (props: IRadioGroup) => {
           {props.options.map((item) => {
             return (
               <div
-                className="mt-1 flex"
+                className="mt-1 flex items-center"
                 key={`radio_item_${item.value.toLowerCase()}`}
               >
                 <input
diff --git a/src/components/fields/__snapshots__/RadioGroup.test.tsx.snap b/src/components/fields/__snapshots__/RadioGroup.test.tsx.snap
index 231943115..9d4bebc7f 100644
--- a/src/components/fields/__snapshots__/RadioGroup.test.tsx.snap
+++ b/src/components/fields/__snapshots__/RadioGroup.test.tsx.snap
@@ -27,7 +27,7 @@ exports[`components/fields/RadioGroup.tsx should render 1`] = `
             role="group"
           >
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -44,7 +44,7 @@ exports[`components/fields/RadioGroup.tsx should render 1`] = `
               </label>
             </div>
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 checked=""
@@ -94,7 +94,7 @@ exports[`components/fields/RadioGroup.tsx should render 1`] = `
           role="group"
         >
           <div
-            class="mt-1 flex"
+            class="mt-1 flex items-center"
           >
             <input
               class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -111,7 +111,7 @@ exports[`components/fields/RadioGroup.tsx should render 1`] = `
             </label>
           </div>
           <div
-            class="mt-1 flex"
+            class="mt-1 flex items-center"
           >
             <input
               checked=""
@@ -219,7 +219,7 @@ exports[`components/fields/RadioGroup.tsx should render as disabled 1`] = `
             role="group"
           >
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -237,7 +237,7 @@ exports[`components/fields/RadioGroup.tsx should render as disabled 1`] = `
               </label>
             </div>
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 checked=""
@@ -289,7 +289,7 @@ exports[`components/fields/RadioGroup.tsx should render as disabled 1`] = `
           role="group"
         >
           <div
-            class="mt-1 flex"
+            class="mt-1 flex items-center"
           >
             <input
               class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -307,7 +307,7 @@ exports[`components/fields/RadioGroup.tsx should render as disabled 1`] = `
             </label>
           </div>
           <div
-            class="mt-1 flex"
+            class="mt-1 flex items-center"
           >
             <input
               checked=""
diff --git a/src/routes/__snapshots__/Settings.test.tsx.snap b/src/routes/__snapshots__/Settings.test.tsx.snap
index 8ad34cfce..a159c21e1 100644
--- a/src/routes/__snapshots__/Settings.test.tsx.snap
+++ b/src/routes/__snapshots__/Settings.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
             role="group"
           >
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 checked=""
@@ -99,7 +99,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
               </label>
             </div>
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -116,7 +116,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
               </label>
             </div>
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
@@ -302,7 +302,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
             role="group"
           >
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 checked=""
@@ -320,7 +320,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
               </label>
             </div>
             <div
-              class="mt-1 flex"
+              class="mt-1 flex items-center"
             >
               <input
                 class="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"