From 79b43b105873f01bca9db77d09a4a35a86f5d732 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Mon, 17 Feb 2025 10:38:51 +0500
Subject: [PATCH] mobile: fix sidemenu padding top

---
 apps/mobile/app/components/side-menu/side-menu-home.tsx       | 3 ++-
 apps/mobile/app/components/side-menu/side-menu-list-empty.tsx | 4 +++-
 apps/mobile/app/components/side-menu/side-menu-tags.tsx       | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/app/components/side-menu/side-menu-home.tsx b/apps/mobile/app/components/side-menu/side-menu-home.tsx
index 5ba88024b..2cc000698 100644
--- a/apps/mobile/app/components/side-menu/side-menu-home.tsx
+++ b/apps/mobile/app/components/side-menu/side-menu-home.tsx
@@ -49,7 +49,8 @@ export function SideMenuHome() {
         height: "100%",
         width: "100%",
         backgroundColor: colors.primary.background,
-        gap: DefaultAppStyles.GAP
+        gap: DefaultAppStyles.GAP,
+        paddingTop: DefaultAppStyles.GAP_SMALL
       }}
     >
       <SideMenuHeader />
diff --git a/apps/mobile/app/components/side-menu/side-menu-list-empty.tsx b/apps/mobile/app/components/side-menu/side-menu-list-empty.tsx
index d998f9fc6..d3c16f1b6 100644
--- a/apps/mobile/app/components/side-menu/side-menu-list-empty.tsx
+++ b/apps/mobile/app/components/side-menu/side-menu-list-empty.tsx
@@ -22,6 +22,7 @@ import { View } from "react-native";
 import { AppFontSize } from "../../utils/size";
 import Paragraph from "../ui/typography/paragraph";
 import { SideMenuHeader } from "./side-menu-header";
+import { DefaultAppStyles } from "../../utils/styles";
 
 type SideMenuListEmptyProps = {
   placeholder: string;
@@ -38,7 +39,8 @@ export const SideMenuListEmpty = (props: SideMenuListEmptyProps) => {
     >
       <View
         style={{
-          backgroundColor: colors.primary.background
+          backgroundColor: colors.primary.background,
+          paddingTop: DefaultAppStyles.GAP_SMALL
         }}
       >
         <SideMenuHeader />
diff --git a/apps/mobile/app/components/side-menu/side-menu-tags.tsx b/apps/mobile/app/components/side-menu/side-menu-tags.tsx
index b65e4be02..8160c0a08 100644
--- a/apps/mobile/app/components/side-menu/side-menu-tags.tsx
+++ b/apps/mobile/app/components/side-menu/side-menu-tags.tsx
@@ -245,7 +245,8 @@ export const SideMenuTags = () => {
             ListHeaderComponent={
               <View
                 style={{
-                  backgroundColor: colors.primary.background
+                  backgroundColor: colors.primary.background,
+                  paddingTop: DefaultAppStyles.GAP_SMALL
                 }}
               >
                 <SideMenuHeader />