diff --git a/src/components/SharedComponents/RadioButtonRow.js b/src/components/SharedComponents/RadioButtonRow.js
index 0cb76a43f..2b7e253e2 100644
--- a/src/components/SharedComponents/RadioButtonRow.js
+++ b/src/components/SharedComponents/RadioButtonRow.js
@@ -43,21 +43,28 @@ const RadioButtonRow = ( {
 
   return (
     <Pressable testID={testID} accessibilityRole="button" onPress={onPress}>
-      <View className="flex-row items-center">
+      {/* RadioButton.Android has a built-in margin of 8, so we have to add a padding
+      of 4 to the left of the text container to match the design of distance of 12 between
+      button and text. Similarly we have to add a margin of 8 only to top in order to get
+      to the wanted 16. */}
+      <View className="mt-2 flex-row items-top">
+        {/* Essentially this element has m-2 built-in */}
         <RadioButton.Android
           onPress={onPress}
           value={value}
           status={status}
           accessibilityLabel={label}
         />
-        <View className="flex-row">
-          <Label className="mr-2">{label}</Label>
-          {icon && <INatIcon name={icon} size={19} color={theme.colors.secondary} />}
+        <View className="ml-1 mt-2 mr-[33px]">
+          <View className="flex-row">
+            <Label className="mr-[10px]">{label}</Label>
+            {icon && <INatIcon name={icon} size={19} color={theme.colors.secondary} />}
+          </View>
+          {description && (
+            <List2 className="mt-1">{description}</List2>
+          )}
         </View>
       </View>
-      {description && (
-        <List2 className="ml-[37px] mr-[33px] py-1">{description}</List2>
-      )}
     </Pressable>
   );
 };