From f8e4ecf6ccc396f18aab6765c515a0cfa1339cb6 Mon Sep 17 00:00:00 2001
From: Daniel Williams <dannyhyunsoowilliams@gmail.com>
Date: Tue, 21 Jan 2025 14:04:49 +0000
Subject: [PATCH] fix: extra padding for addons scrollview

---
 packages/react-native-ui/src/MobileAddonsPanel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-ui/src/MobileAddonsPanel.tsx b/packages/react-native-ui/src/MobileAddonsPanel.tsx
index 24c740313e..da22081c7a 100644
--- a/packages/react-native-ui/src/MobileAddonsPanel.tsx
+++ b/packages/react-native-ui/src/MobileAddonsPanel.tsx
@@ -3,7 +3,7 @@ import { addons } from '@storybook/core/manager-api';
 import { styled } from '@storybook/react-native-theming';
 import { Addon_TypesEnum } from '@storybook/core/types';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { Text, View, useWindowDimensions } from 'react-native';
+import { Platform, Text, View, useWindowDimensions } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import Animated, {
   useAnimatedKeyboard,
@@ -47,8 +47,9 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
     const { height } = useWindowDimensions();
 
     const adjustedBottomSheetSize = useAnimatedStyle(() => {
+      const extraPadding = Platform.OS === 'android' ? 32 : 16;
       return {
-        maxHeight: height - animatedPosition.value - insets.bottom,
+        maxHeight: height - animatedPosition.value - insets.bottom - extraPadding,
       };
     }, [animatedPosition, height, insets.bottom]);