diff --git a/src/app/[name]/(Main)/[id]/page.tsx b/src/app/[name]/(Main)/[id]/page.tsx
index 27f3064..76f7ffa 100644
--- a/src/app/[name]/(Main)/[id]/page.tsx
+++ b/src/app/[name]/(Main)/[id]/page.tsx
@@ -191,7 +191,7 @@ function FoodPage({ }: Props) {
                     </div>
                 </div>
 
-                <div className="mt-4 text-xs">
+                <div className="mt-7 text-xs">
                     <p className='font-bold'>محتویات:</p>
                     <p className='mt-2 leading-6'>{content || '-'}</p>
                 </div>
diff --git a/src/components/menu/SideMenu.tsx b/src/components/menu/SideMenu.tsx
index 9d1a00c..a1e0e0d 100644
--- a/src/components/menu/SideMenu.tsx
+++ b/src/components/menu/SideMenu.tsx
@@ -204,7 +204,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
 
     const renderMenu = () => {
         return (
-            <section className="flex-1 overflow-y-scroll noscrollbar py-10 flex flex-col justify-between md:w-[160px] xl:w-[285px]">
+            <section className="flex-1 overflow-y-scroll noscrollbar pt-6 pb-8 flex flex-col justify-between md:w-[160px] xl:w-[285px]">
                 {
                     aboutData?.data?.logo && (
                         <div className='px-5'>
@@ -212,7 +212,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
                         </div>
                     )
                 }
-                <div className=''>
+                <div className='mt-4'>
                     <header className="px-5  md:px-6 xl:px-12">
                         <h6 className="text-start font-bold text-sm text-menu-header mt-2 mb-[19px] dark:text-disabled-text">منو</h6>
                     </header>