diff --git a/apps/rebreak-native/app/devices.tsx b/apps/rebreak-native/app/devices.tsx
index 4057831..e43bd2f 100644
--- a/apps/rebreak-native/app/devices.tsx
+++ b/apps/rebreak-native/app/devices.tsx
@@ -5,6 +5,7 @@ import {
   Pressable,
   ScrollView,
   Text,
+  TouchableOpacity,
   View,
 } from 'react-native';
 import { useEffect, useState } from 'react';
@@ -515,9 +516,10 @@ export default function DevicesScreen() {
         {/* CTA or Upgrade */}
         {isLegend ? (
           <View style={{ gap: 10 }}>
-            <Pressable
+            <TouchableOpacity
               onPress={() => setAddMacVisible(true)}
-              style={({ pressed }) => ({
+              activeOpacity={0.7}
+              style={{
                 backgroundColor: colors.brandOrange,
                 borderRadius: 14,
                 paddingVertical: 16,
@@ -525,14 +527,13 @@ export default function DevicesScreen() {
                 flexDirection: 'row',
                 justifyContent: 'center',
                 gap: 8,
-                opacity: pressed ? 0.7 : 1,
-              })}
+              }}
             >
               <Ionicons name="add-circle-outline" size={20} color="#fff" />
               <Text style={{ fontSize: 16, color: '#fff', fontFamily: 'Nunito_700Bold' }}>
                 {t('devices.add_mac')}
               </Text>
-            </Pressable>
+            </TouchableOpacity>
 
             <Pressable
               disabled