diff --git a/src/components/menu/SideMenu.tsx b/src/components/menu/SideMenu.tsx
index a1e0e0d..bb92831 100644
--- a/src/components/menu/SideMenu.tsx
+++ b/src/components/menu/SideMenu.tsx
@@ -204,10 +204,10 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
 
     const renderMenu = () => {
         return (
-            <section className="flex-1 overflow-y-scroll noscrollbar pt-6 pb-8 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-[200px] xl:w-[250px]">
                 {
                     aboutData?.data?.logo && (
-                        <div className='px-5'>
+                        <div >
                             <Image className='mx-auto' src={aboutData?.data?.logo} alt='logo' width={110} height={100} unoptimized />
                         </div>
                     )