diff --git a/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap b/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
index fbc049a73fe..a30b9bc9d96 100644
--- a/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
+++ b/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
@@ -2482,7 +2482,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={45}
+        handlerTag={35}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3093,7 +3093,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={123}
+        handlerTag={113}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3704,7 +3704,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={149}
+        handlerTag={139}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4315,7 +4315,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={71}
+        handlerTag={61}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5537,7 +5537,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={97}
+        handlerTag={87}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6148,7 +6148,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={58}
+        handlerTag={48}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6759,7 +6759,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={136}
+        handlerTag={126}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7370,7 +7370,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={162}
+        handlerTag={152}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7981,7 +7981,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={84}
+        handlerTag={74}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8592,7 +8592,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={110}
+        handlerTag={100}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -9630,77 +9630,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Recently used"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Recently used"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#156FF5",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#156FF5",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-clock"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-clock"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9724,77 +9723,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Smileys and people"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Smileys and people"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-emoji"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-emoji"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9818,77 +9816,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Animals and nature"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Animals and nature"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-leaf"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-leaf"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9912,77 +9909,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Food and drink"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Food and drink"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-burger"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-burger"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10006,77 +10002,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Activity"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Activity"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-basketball"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-basketball"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10100,77 +10095,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Travel and places"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Travel and places"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-airplane"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-airplane"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10194,77 +10188,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Objects"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Objects"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-lamp-bulb"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-lamp-bulb"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10288,77 +10281,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Symbols"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Symbols"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-percentage"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-percentage"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10382,77 +10374,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Flags"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Flags"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-flag"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-flag"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10476,77 +10467,76 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={-1}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
+                  [Function],
                   undefined,
-                  {
-                    "cursor": undefined,
-                  },
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Custom"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Custom"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-rocket"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-rocket"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -11414,7 +11404,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={175}
+        handlerTag={165}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
diff --git a/app/containers/MessageComposer/components/SendThreadToChannel.tsx b/app/containers/MessageComposer/components/SendThreadToChannel.tsx
index e752e89c271..94d2a001b05 100644
--- a/app/containers/MessageComposer/components/SendThreadToChannel.tsx
+++ b/app/containers/MessageComposer/components/SendThreadToChannel.tsx
@@ -1,4 +1,4 @@
-import { TouchableWithoutFeedback } from 'react-native-gesture-handler';
+import { Pressable } from 'react-native-gesture-handler';
 import { StyleSheet, Text } from 'react-native';
 import React, { useEffect, useRef } from 'react';
 import { type Subscription } from 'rxjs';
@@ -70,7 +70,7 @@ export const SendThreadToChannel = (): React.ReactElement | null => {
 	}
 
 	return (
-		<TouchableWithoutFeedback
+		<Pressable
 			style={styles.container}
 			onPress={() => setAlsoSendThreadToChannel(!alsoSendThreadToChannel)}
 			testID='message-composer-send-to-channel'>
@@ -81,7 +81,7 @@ export const SendThreadToChannel = (): React.ReactElement | null => {
 				color={alsoSendThreadToChannel ? colors.buttonBackgroundPrimaryDefault : colors.fontDefault}
 			/>
 			<Text style={[styles.text, { color: colors.fontDefault }]}>{I18n.t('Message_composer_Send_to_channel')}</Text>
-		</TouchableWithoutFeedback>
+		</Pressable>
 	);
 };
 
diff --git a/app/containers/RoomHeader/RoomHeader.tsx b/app/containers/RoomHeader/RoomHeader.tsx
index 35a44f5181f..bcaf4722faf 100644
--- a/app/containers/RoomHeader/RoomHeader.tsx
+++ b/app/containers/RoomHeader/RoomHeader.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
+import TouchableOpacity from '../TouchableOpacity';
 import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout';
 import I18n from '../../i18n';
 import sharedStyles from '../../views/Styles';
diff --git a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
index 65bed9d5439..ce0c3f60079 100644
--- a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
+++ b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
@@ -28,13 +28,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -43,93 +57,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="private channel"
-            >
-              private channel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="private channel"
+          >
+            private channel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -158,13 +164,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -173,93 +193,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="public channel"
-            >
-              public channel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="public channel"
+          >
+            public channel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -288,13 +300,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -303,106 +329,98 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              accessibilityLabel="discussion"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="discussion"
-            >
-              discussion
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            accessibilityLabel="discussion"
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="discussion"
+          >
+            discussion
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -431,13 +449,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -446,93 +478,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#6C727A",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#6C727A",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="omnichannel"
-            >
-              omnichannel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="omnichannel"
+          >
+            omnichannel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -561,13 +585,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -576,93 +614,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="private team"
-            >
-              private team
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="private team"
+          >
+            private team
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -691,13 +721,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -706,93 +750,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="public team"
-            >
-              public team
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="public team"
+          >
+            public team
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -821,13 +857,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -836,93 +886,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="group dm"
-            >
-              group dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="group dm"
+          >
+            group dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -951,13 +993,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -966,93 +1022,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="online dm"
-            >
-              online dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="online dm"
+          >
+            online dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1081,13 +1129,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1096,93 +1158,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="away dm"
-            >
-              away dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="away dm"
+          >
+            away dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1211,13 +1265,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1226,93 +1294,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="busy dm"
-            >
-              busy dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="busy dm"
+          >
+            busy dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1341,13 +1401,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1356,93 +1430,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="loading dm"
-            >
-              loading dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="loading dm"
+          >
+            loading dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1471,13 +1537,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1486,93 +1566,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="offline dm"
-            >
-              offline dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="offline dm"
+          >
+            offline dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1601,13 +1673,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1616,93 +1702,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="classified"
-            >
-              classified
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="classified"
+          >
+            classified
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1731,13 +1809,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1746,93 +1838,85 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="classified"
-            >
-              classified
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="classified"
+          >
+            classified
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
 ]
@@ -1866,13 +1950,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1881,126 +1979,118 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -2029,13 +2119,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2044,126 +2148,118 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#E4E7EA",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#9EA2A8",
-                  "fontSize": 12,
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#E4E7EA",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#9EA2A8",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -2192,13 +2288,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2207,126 +2317,118 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#E4E7EA",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#9EA2A8",
-                  "fontSize": 12,
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#E4E7EA",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#9EA2A8",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
 ]
@@ -2360,13 +2462,27 @@ exports[`Story Snapshots: Thread should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2375,134 +2491,126 @@ exports[`Story Snapshots: Thread should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            accessibilityLabel="title"
+            numberOfLines={1}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
             }
+            testID="markdown-preview-title"
           >
-            <Text
-              accessibilityLabel="title"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="markdown-preview-title"
-            >
-              title
-            </Text>
-          </View>
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+            title
+          </Text>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
             }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "400",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#6C727A",
-                  },
-                ]
-              }
-            >
-              parent title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "400",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#6C727A",
+                },
+              ]
+            }
+          >
+            parent title
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2535,13 +2643,27 @@ preview
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2550,138 +2672,130 @@ preview
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            accessibilityLabel="markdown preview #3 4 5"
+            numberOfLines={1}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
             }
-          >
-            <Text
-              accessibilityLabel="markdown preview #3 4 5"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="markdown
+            testID="markdown
 preview
 #3
 4
 5"
-            >
-              markdown preview #3 4 5
-            </Text>
-          </View>
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
           >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+            markdown preview #3 4 5
+          </Text>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "400",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#6C727A",
-                  },
-                ]
-              }
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "400",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#6C727A",
+                },
+              ]
+            }
+          >
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
 ]
@@ -2715,13 +2829,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2730,93 +2858,85 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="title"
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="title"
+          >
+            title
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2845,13 +2965,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2860,93 +2994,85 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          >
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2975,13 +3101,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2990,126 +3130,118 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3138,13 +3270,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3153,126 +3299,118 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
           >
-            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3301,13 +3439,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3316,127 +3468,119 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+            testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
           >
             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+        </Text>
+      </View>
     </View>
   </View>,
 ]
@@ -3470,13 +3614,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3485,90 +3643,62 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3577,34 +3707,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1
-               
-            </Text>
-            is typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1
+             
+          </Text>
+          is typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3633,13 +3783,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3648,90 +3812,62 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3740,34 +3876,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1 and user 2
-               
-            </Text>
-            are typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1 and user 2
+             
+          </Text>
+          are typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3796,13 +3952,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={-1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3811,90 +3981,62 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
+            [Function],
             undefined,
-            {
-              "cursor": undefined,
-            },
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3903,34 +4045,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1, user 2, user 3, user 4, user 5
-               
-            </Text>
-            are typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1, user 2, user 3, user 4, user 5
+             
+          </Text>
+          are typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
 ]
diff --git a/app/containers/TabView/index.tsx b/app/containers/TabView/index.tsx
index 6c6679ce7b4..0d902663445 100644
--- a/app/containers/TabView/index.tsx
+++ b/app/containers/TabView/index.tsx
@@ -1,8 +1,8 @@
 import React, { useCallback, useState } from 'react';
 import { View } from 'react-native';
 import { TabView as ReanimatedTabView, type Route, type NavigationState } from 'reanimated-tab-view';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
+import TouchableOpacity from '../TouchableOpacity';
 import styles from './styles';
 import { useTheme } from '../../theme';
 
diff --git a/app/containers/TouchableOpacity/index.tsx b/app/containers/TouchableOpacity/index.tsx
new file mode 100644
index 00000000000..719be8eba1a
--- /dev/null
+++ b/app/containers/TouchableOpacity/index.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import Animated, { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';
+import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+interface TouchableOpacityProps extends PressableProps {
+	style?: StyleProp<ViewStyle>;
+	opacity?: number;
+	activeOpacity?: number;
+}
+
+function TouchableOpacity(props: TouchableOpacityProps): React.JSX.Element {
+	const opacity = useSharedValue(props.opacity || 1);
+	const animatedStyle = useAnimatedStyle(() => ({
+		opacity: opacity.value
+	}));
+
+	const onPressIn = () => {
+		opacity.value = props.activeOpacity || 0.2;
+	};
+	const onPressOut = () => {
+		opacity.value = props.opacity || 1;
+	};
+
+	return (
+		<AnimatedPressable {...props} onPressIn={onPressIn} onPressOut={onPressOut} style={[animatedStyle, props.style]}>
+			{props.children}
+		</AnimatedPressable>
+	);
+}
+
+export default TouchableOpacity;
diff --git a/app/views/RoomsListView/components/Header.tsx b/app/views/RoomsListView/components/Header.tsx
index 3f6ff738f90..d7f88b23764 100644
--- a/app/views/RoomsListView/components/Header.tsx
+++ b/app/views/RoomsListView/components/Header.tsx
@@ -1,6 +1,5 @@
 import React, { memo } from 'react';
 import { StyleSheet, Text, View, useWindowDimensions } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
 import { showActionSheetRef } from '../../../containers/ActionSheet';
 import SearchHeader from '../../../containers/SearchHeader';
@@ -9,6 +8,7 @@ import { useAppSelector } from '../../../lib/hooks/useAppSelector';
 import { useTheme } from '../../../theme';
 import sharedStyles from '../../Styles';
 import ServersList from './ServersList';
+import TouchableOpacity from '../../../containers/TouchableOpacity';
 
 const styles = StyleSheet.create({
 	container: {