diff --git a/src/Components/Navbar.tsx b/src/Components/Navbar.tsx
index 787f8ee..ce29fa9 100644
--- a/src/Components/Navbar.tsx
+++ b/src/Components/Navbar.tsx
@@ -44,7 +44,7 @@ const Navbar = () => {
 
             {/* for smaller devices */}
 
-            <div className="flex lg:hidden xl:hidden sm:flex md:flex py-3 px-[2rem] shadow-md bg-navbarColor text-textColor justify-between">
+            <div className="flex lg:hidden xl:hidden sm:flex md:flex py-1 px-[2rem] shadow-md bg-navbarColor text-textColor justify-between">
                 <div>
                     <a href="/" className="flex">
                         <img src={logo} alt="logo image" className='w-[2.5rem] h-[2.5rem]' />
diff --git a/src/Pages/Home.tsx b/src/Pages/Home.tsx
index b388408..a054607 100644
--- a/src/Pages/Home.tsx
+++ b/src/Pages/Home.tsx
@@ -70,10 +70,9 @@ const Home = () => {
         
 
         <div className=" flex flex-col-reverse md:flex-row bg-dark justify-around  items-center text-textColor min-h-screen">
-          {/* <div className='hidden lg:flex absolute w-[400px] h-[400px] left-[249px] top-[-200px] bg-[#4246FF] blur-[300px] bg-blend-darken'></div> */}
-          {/* left side */}
+
       <div className=''>
-    <img src={rocket} alt="" className="absolute top-[20%] w-[150px]  left-[60%] opacity-10"/>
+    <img src={rocket} alt="" className="absolute top-[10%] w-[150px]  left-[30%] opacity-10"/>
     <img src={linklogo} alt="" className="lg:max-w-[400px] lg:flex hidden"/>
       </div>