diff --git a/apps/web/app/(landing)/Features/index.tsx b/apps/web/app/(landing)/Features/index.tsx
index 5754383b..d9e88ffc 100644
--- a/apps/web/app/(landing)/Features/index.tsx
+++ b/apps/web/app/(landing)/Features/index.tsx
@@ -87,8 +87,6 @@ const Services = () => {
                   <ChevronRight className="ml-2 w-4 h-4 duration-300 group-hover:translate-x-1" />
                 </a>
               </div>
-
-              {/* <PhotoChatMessage //> */}
             </div>
 
             <div
@@ -111,26 +109,14 @@ const Services = () => {
               <div className="overflow-hidden relative rounded-xl h-[20rem] md:h-[25rem]">
                 <img
                   src={
-                    // "/images/privacy.png"
                     "https://www.limitless.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvault.a0431de1.webp&w=1920&q=75"
-                    // "https://www.authkit.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbackground.896d177e.png&w=1920&q=75"
-                    // "https://www.authkit.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbackground.b48df3d6.png&w=828&q=75"
                   }
                   className="object-cover w-full h-full transition-all duration-500 ease-linear transform group-hover:rotate-3"
                   width={520}
                   height={400}
                   alt="Scary robot"
                 />
-
-                {/* <VideoBar /> */}
               </div>
-              {/* <div
-               className="absolute bottom-0 h-full"
-                style={{
-                  background:
-                    "linear-gradient(143.6deg, rgba(192, 132, 252, 0) 20.79%, rgba(232, 121, 249, 0.26) 40.92%, rgba(204, 171, 238, 0) 70.35%)",
-                }}
-              ></div> */}
 
               <Gradient opacity={5} />
             </div>
@@ -156,12 +142,10 @@ const Services = () => {
                 height={730}
                 src={"/images/github.webp"}
               />
-              {/* <div className="absolute left-0 rop-0 bg-black/20"></div> */}
             </div>
-            {/* <Gradient /> */}
 
             <div className="absolute right-0 left-0 bottom-5 mx-auto mt-20 text-center z-1">
-              <h4 className="mb-4 text-4xl font-bold tracking-tighter lg:text-5xl">
+              <h4 className="mb-4 text-4xl font-bold tracking-tighter text-white lg:text-5xl">
                 Proudly <br /> OpenSource
               </h4>
               <p className="text-lg body-2 mb-[3rem]">
diff --git a/apps/web/app/(landing)/Headers/Navbar.tsx b/apps/web/app/(landing)/Headers/Navbar.tsx
index 78738f38..3b211d22 100644
--- a/apps/web/app/(landing)/Headers/Navbar.tsx
+++ b/apps/web/app/(landing)/Headers/Navbar.tsx
@@ -29,7 +29,7 @@ const SlideTabs = () => {
       }}
       className="flex relative items-center py-3 px-5 mx-auto text-sm text-gray-200 bg-gradient-to-tr to-transparent rounded-full border-2 w-fit border-white/5 from-zinc-300/5 via-gray-400/5 shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] backdrop-blur-lg backdrop-filter"
     >
-      <Link href={"/"} className="flex items-start h-fit opacity-50 mr-4">
+      <Link href={"/"} className="flex items-start mr-4 opacity-50 h-fit">
         <Image src={Logo} alt="Supermemory logo" width={40} height={40} />
       </Link>
 
@@ -39,9 +39,12 @@ const SlideTabs = () => {
       <Tab setPosition={setPosition}>Docs</Tab>
       <Tab setPosition={setPosition}>Blog</Tab>
 
-      <button className="group ml-3 group inline-flex w-full bg-page-gradient justify-start items-start gap-x-2 border border-white/30 hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100 duration-200 sm:w-auto py-3 px-5 rounded-3xl text-md font-geistSans">
+      <button className="inline-flex gap-x-2 justify-start items-start py-3 px-5 ml-3 w-full rounded-3xl border duration-200 sm:w-auto group bg-page-gradient border-white/30 text-md font-geistSans hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100">
         Join waitlist
-        <ArrowUpRight className="w-5 h-5 inline-flex justify-center items-center group-hover:-translate-y-1 transition-transform duration-400"/>
+        <div className="flex overflow-hidden relative justify-center items-center ml-1 w-5 h-5">
+          <ArrowUpRight className="absolute transition-all duration-500 group-hover:translate-x-4 group-hover:-translate-y-5" />
+          <ArrowUpRight className="absolute transition-all duration-500 -translate-x-4 -translate-y-5 group-hover:translate-x-0 group-hover:translate-y-0" />
+        </div>
       </button>
 
       <Cursor position={position} />