diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 42b1915..841f6e1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -46,7 +46,7 @@ export default function Header() {
 
   return (
     <header
-      className={`flex justify-between items-center p-4 space-x-4 sticky top-0 border-b-2 0 z-40 ${
+      className={`flex justify-between items-center md:p-4 p-4 space-x-4 sticky top-0 border-b-2 0 z-40 sm:pl-0 ${
         isScrolled
           ? "backdrop-blur-md bg-opacity-70 bg-transparent"
           : "bg-white dark:bg-black"
@@ -58,7 +58,7 @@ export default function Header() {
         </div>
         <Link
           href="/"
-          className="text-2xl font-bold cursor-pointer hidden sm:block"
+          className="text-2xl md:text-2xl font-bold cursor-pointer hidden sm:block sm:text-base"
         >
           Rustcrab
         </Link>
diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index f4a145b..a468573 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -18,7 +18,7 @@ const menuItems = [
 
 const Navbar: React.FC = () => {
   return (
-    <ul className="flex space-x-4 small-medium:space-x-2 capitalize">
+    <ul className="flex space-x-4 small-medium:space-x-2 capitalize md:text-base text-base sm:text-sm">
       {menuItems.map((item, index) => (
         <Link href={item.link} key={index} className="cursor-pointer transition ease-in-out">
           <span className="hover:text-orange-500">{item.items}</span>