From ae1fd7da4a7e4fed95d62eefccd7659f307671bc Mon Sep 17 00:00:00 2001
From: Saptarshi Das <saptarshi@100ms.live>
Date: Tue, 2 Dec 2025 14:40:06 +0530
Subject: [PATCH] Fix: update HMSBaseButton layout to use View instead of
 Fragment

---
 .../src/components/HMSBaseButton.tsx                     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/HMSBaseButton.tsx b/packages/react-native-room-kit/src/components/HMSBaseButton.tsx
index 12057131a..4505bd02d 100644
--- a/packages/react-native-room-kit/src/components/HMSBaseButton.tsx
+++ b/packages/react-native-room-kit/src/components/HMSBaseButton.tsx
@@ -57,7 +57,7 @@ export const HMSBaseButton: React.FC<HMSBaseButtonProps> = ({
       onPress={onPress}
       disabled={disabled}
     >
-      <>
+      <View style={styles.buttonInnerContainer}>
         {loading ? (
           <ActivityIndicator
             size={'small'}
@@ -76,7 +76,7 @@ export const HMSBaseButton: React.FC<HMSBaseButtonProps> = ({
 
           <Text style={[styles.text, textStyle]}>{title}</Text>
         </View>
-      </>
+      </View>
     </Touchable>
   );
 
@@ -96,6 +96,11 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  buttonInnerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
   buttonContentWrapper: {
     flexDirection: 'row',
     alignItems: 'center',