From 057c195049fd55fdf714fb22ced55a7216381ce7 Mon Sep 17 00:00:00 2001
From: ram-a-dhan <58775678+ram-a-dhan@users.noreply.github.com>
Date: Sat, 18 Apr 2026 20:19:08 +0700
Subject: [PATCH] fix: android radio button off center dot

---
 .../RadioButton/RadioButtonAndroid.tsx        | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/components/RadioButton/RadioButtonAndroid.tsx b/src/components/RadioButton/RadioButtonAndroid.tsx
index 515efe5eff..f6797e6421 100644
--- a/src/components/RadioButton/RadioButtonAndroid.tsx
+++ b/src/components/RadioButton/RadioButtonAndroid.tsx
@@ -153,17 +153,15 @@ const RadioButtonAndroid = ({
               ]}
             >
               {checked ? (
-                <View style={[StyleSheet.absoluteFill, styles.radioContainer]}>
-                  <Animated.View
-                    style={[
-                      styles.dot,
-                      {
-                        backgroundColor: selectionControlColor,
-                        transform: [{ scale: radioAnim }],
-                      },
-                    ]}
-                  />
-                </View>
+                <Animated.View
+                  style={[
+                    styles.dot,
+                    {
+                      backgroundColor: selectionControlColor,
+                      transform: [{ scale: radioAnim }],
+                    },
+                  ]}
+                />
               ) : null}
             </Animated.View>
           </TouchableRipple>
@@ -179,11 +177,9 @@ const styles = StyleSheet.create({
   container: {
     borderRadius: 18,
   },
-  radioContainer: {
+  radio: {
     alignItems: 'center',
     justifyContent: 'center',
-  },
-  radio: {
     height: 20,
     width: 20,
     borderRadius: 10,