From 3d37b36d12a26b38d1833b9bb450928c1daf652b Mon Sep 17 00:00:00 2001
From: sebastianPiekarczyk <sebastian@oazoapps.com>
Date: Thu, 27 Jun 2024 09:43:16 +0200
Subject: [PATCH] Fix TabBar on mobile in omni

---
 components/TabBar.tsx                                  | 2 +-
 features/omni-kit/controllers/OmniLayoutController.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/TabBar.tsx b/components/TabBar.tsx
index a5e7563a49..4731f078bd 100644
--- a/components/TabBar.tsx
+++ b/components/TabBar.tsx
@@ -70,7 +70,7 @@ export function TabBar({
         <Box
           sx={{
             display: ['block', 'none'],
-            mb: 3,
+            my: 3,
             zIndex: 2,
           }}
         >
diff --git a/features/omni-kit/controllers/OmniLayoutController.tsx b/features/omni-kit/controllers/OmniLayoutController.tsx
index c9130467cd..2ac1ab221f 100644
--- a/features/omni-kit/controllers/OmniLayoutController.tsx
+++ b/features/omni-kit/controllers/OmniLayoutController.tsx
@@ -168,6 +168,7 @@ export function OmniLayoutController({ txHandler }: { txHandler: () => () => voi
       />
       <TabBar
         variant="underline"
+        useDropdownOnMobile
         sections={[
           {
             value: isOpening ? 'setup' : 'overview',