diff --git a/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx b/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
index 0e4c55301..3aed3f87c 100644
--- a/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
+++ b/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
@@ -1,10 +1,32 @@
 import React from 'react';
-import { Button } from 'react-native';
+import { Pressable, StyleSheet, Text } from 'react-native';
 
+import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { iOS14RefreshGallerySelection } from '../../../native';
 
 export const AttachmentPickerIOSSelectMorePhotos = () => {
   const { t } = useTranslationContext();
-  return <Button onPress={iOS14RefreshGallerySelection} title={t('Select More Photos')} />;
+  const {
+    theme: {
+      colors: { accent_blue, white },
+    },
+  } = useTheme();
+  return (
+    <Pressable
+      onPress={iOS14RefreshGallerySelection}
+      style={[styles.container, { backgroundColor: white }]}
+    >
+      <Text style={[styles.text, { color: accent_blue }]}>{t('Select More Photos')}</Text>
+    </Pressable>
+  );
 };
+
+const styles = StyleSheet.create({
+  container: {},
+  text: {
+    fontSize: 16,
+    paddingVertical: 10,
+    textAlign: 'center',
+  },
+});