From 116764fa3767e3a7f5a03efad69e0fd4fae22b80 Mon Sep 17 00:00:00 2001
From: tangoyankee <miller.tim108@gmail.com>
Date: Thu, 22 Aug 2024 10:56:31 -0400
Subject: [PATCH] Add filter menu top padding

Add padding to top of overlay on mobile

closes #82
---
 app/components/Overlay.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/Overlay.tsx b/app/components/Overlay.tsx
index 410b756..3b63bec 100644
--- a/app/components/Overlay.tsx
+++ b/app/components/Overlay.tsx
@@ -9,7 +9,9 @@ export const Overlay = ({ children }: OverlayProps) => {
   return (
     <Flex
       position="relative"
-      padding={{ base: 0, lg: 8 }}
+      paddingX={{ base: 0, lg: 8 }}
+      paddingBottom={{ base: 0, lg: 8 }}
+      paddingTop={{ base: 3, lg: 8 }}
       height={"100vh"}
       width={"100vw"}
       direction={{ base: "column", lg: "row" }}