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',