diff --git a/components/layout/navItems.tsx b/components/layout/navItems.tsx
index aa99c81..e210dd1 100644
--- a/components/layout/navItems.tsx
+++ b/components/layout/navItems.tsx
@@ -7,10 +7,10 @@ type NavItem = {
   isExternal?: boolean
 }
 
-const navIconsClassName = 'w-6 h-6'
+const navIconsClassName = 'w-6 h-6 lg:w-4 lg:h-4'
 
 export const navItems: NavItem[] = [
-  { href: '/', label: 'Home', icon: <Home /> },
+  { href: '/', label: 'Home', icon: <Home className={navIconsClassName} /> },
   { href: '/about', label: 'About', icon: <Info className={navIconsClassName} /> },
   { href: '/categories', label: 'Categories', icon: <Folder className={navIconsClassName} /> },
   { href: '/tags', label: 'Tags', icon: <Tags className={navIconsClassName} /> },