diff --git a/components/ui/header.tsx b/components/ui/header.tsx
index 9d483196..6989b12c 100644
--- a/components/ui/header.tsx
+++ b/components/ui/header.tsx
@@ -1,4 +1,3 @@
-
 "use client";
 
 import { useState, useEffect } from "react";
@@ -8,7 +7,10 @@ import Logo from "./logo";
 import MobileMenu from "./mobile-menu";
 import CountingNumbers from "../utils/countingNumbers";
 import { isTypeOfExpression } from "typescript";
-import NavItemWithSmallDropdown, {DropdowndataInterface,LinkDatainterface} from "@/components/nav/navItemWithSmallDropdown";
+import NavItemWithSmallDropdown, {
+  DropdowndataInterface,
+  LinkDatainterface,
+} from "@/components/nav/navItemWithSmallDropdown";
 import { PillarPages } from "../utils/resources";
 import { StarIcon } from "@heroicons/react/24/solid";
 import Product from "../nav/productSection";
@@ -75,8 +77,8 @@ export default function Header() {
           {/* Desktop navigation */}
           <nav className="hidden lg:flex  flex-grow-0 w-6/12">
             {/* Desktop privacy-policy in links */}
-            <ul className="flex grow justify-end flex items-center">
-            <li>
+            <ul className="flex grow justify-end items-center">
+              <li>
                 <Link
                   target="_blank"
                   href="https://keploy.io/devscribe"
@@ -85,27 +87,25 @@ export default function Header() {
                   DevScribe
                 </Link>
               </li>
-              <li className="px-5">
-               <Product/>
+              <li className="px-5 md:px-2">
+                <Product />
               </li>
-              <li className="px-5">
-               <Solutions/>
+              <li className="px-5 md:px-2">
+                <Solutions />
               </li>
-              <li className="px-5">
-                {" "}
+              <li className="px-5 md:px-2">
                 <Docs />
               </li>
-              <li className="px-5">
-                {" "}
+              <li className="px-5 md:px-2">
                 <Resources />
               </li>
             </ul>
           </nav>
           <div className="header-btn-container flex-grow-0 w-4/12 justify-end hidden lg:flex">
-          <div className="border border-primary-400 rounded-md overflow-hidden p-2.5 border-opacity-40 relative transition-all  group">
+            <div className="border border-primary-400 rounded-md overflow-hidden p-2.5 border-opacity-40 relative transition-all  group">
               {/* Sliding effect span */}
               <span className="absolute right-0 -mt-12 h-32 w-8 translate-x-12 rotate-12 bg-orange-500 opacity-10 transition-transform duration-1000 ease-out group-hover:translate-x-[-400%]" />
-              
+
               <Link
                 className="flex items-center gap-2 text-sm text-primary-400 font-extrabold transition-colors hover:text-primary-500"
                 target="_blank"
@@ -126,25 +126,31 @@ export default function Header() {
                     fillRule="evenodd"
                   />
                 </svg>
-                <span className="text-gradient-500 opacity-30 hover:text-primary-500"> | </span>
+                <span className="text-gradient-500 opacity-30 hover:text-primary-500">
+                  {" "}
+                  |{" "}
+                </span>
                 <span className="text-base flex gap-1">
                   <StarIcon className="size-4 text-yellow-300 transition-all duration-300 group-hover:filter group-hover:drop-shadow-[0_0_2px_#FFD700]" />
                 </span>
-                <span className="text-base flex gap-1"> <CountingNumbers className="" /></span>
+                <span className="text-base flex gap-1">
+                  {" "}
+                  <CountingNumbers className="" />
+                </span>
+              </Link>
+            </div>
+            <div className="ml-3">
+              <Link
+                href="https://app.keploy.io/signin"
+                target="_blank"
+                className="btn-sm py-3 text-gray-200 bg-secondary-300  hover:text-primary-300 "
+              >
+                <span>Sign In</span>
+                {/*<svg className="w-3 h-3 fill-current   hover:text-primary-300 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">*/}
+                {/*  <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />*/}
+                {/*</svg>*/}
               </Link>
             </div>
-          <div className="ml-3">
-          <Link
-              href="https://app.keploy.io/signin"
-              target="_blank"
-              className="btn-sm py-3 text-gray-200 bg-secondary-300  hover:text-primary-300 "
-            >
-              <span>Sign In</span>
-              {/*<svg className="w-3 h-3 fill-current   hover:text-primary-300 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">*/}
-              {/*  <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />*/}
-              {/*</svg>*/}
-            </Link>
-          </div>
           </div>
 
           <MobileMenu starsCount={starsCount} />