fix: imporved toast clickbox

animo · Feb 27, 2024 · 91d3558 · 91d3558
1 parent 649b7fb
commit 91d3558
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ui/src/panels/ToastContainer.tsx b/packages/ui/src/panels/ToastContainer.tsx
@@ -1,6 +1,6 @@
 import { useToastController } from '@tamagui/toast'
 
-import { Paragraph, XStack } from '../base'
+import { Paragraph, Stack, XStack } from '../base'
 import { X } from '../content'
 
 interface ToastContainerProps {
@@ -26,7 +26,9 @@ export const ToastContainer = ({ title, safeAreaMargin = false }: ToastContainer
       ai="center"
     >
       <Paragraph w="90%">{title}</Paragraph>
-      <X size="$1" onPress={() => toast.hide()} color="$grey-600" />
+      <Stack jc="center" h="100%" onPress={() => toast.hide()}>
+        <X size="$1" color="$grey-600" />
+      </Stack>
     </XStack>
   )
 }