diff --git a/components/Hero.tsx b/components/Hero.tsx
index 76527cc..4fde3aa 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -54,8 +54,8 @@ export default function Hero() {
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, delay: 0.6 }}
         >
-          A curated collection of creative and utility tools for developers and creators
-          Simple, powerful, and always at your fingertips
+          A curated collection of creative and utility tools for developers and creators.
+          Simple, powerful, and always at your fingertips.
         </motion.p>
 
         {/* CTA Buttons */}
diff --git a/components/layout/AppHeader.tsx b/components/layout/AppHeader.tsx
index 692ad8a..a0594ad 100644
--- a/components/layout/AppHeader.tsx
+++ b/components/layout/AppHeader.tsx
@@ -22,7 +22,7 @@ export function AppHeader() {
         <nav className="flex items-center text-sm font-medium">
           <Link href="/" className="flex items-center gap-2">
             <Logo size={20} className="lg:hidden" />
-            <span className="font-medium transition-colors text-muted-foreground">
+            <span className="font-medium transition-colors text-foreground/80 hover:text-foreground">
               Kit
             </span>
           </Link>
@@ -36,7 +36,7 @@ export function AppHeader() {
                 <Link 
                   href={href}
                   className={cn(
-                    "capitalize transition-colors text-muted-foreground",
+                    "capitalize transition-colors text-foreground/80 hover:text-foreground",
                     isLast ? "font-semibold" : "font-medium"
                   )}
                 >
diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index e45622f..f269333 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -122,7 +122,7 @@ export function AppSidebar() {
                           "flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-all duration-300 relative group/item",
                           isActive
                             ? "bg-primary/10 text-primary ring-1 ring-primary/20" 
-                            : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+                            : "text-foreground/80 hover:bg-accent/50 hover:text-foreground",
                           isCollapsed ? "justify-center" : "justify-between"
                         )}
                         title={isCollapsed ? item.title : undefined}
@@ -130,7 +130,7 @@ export function AppSidebar() {
                         <div className="flex items-center gap-3">
                           <span className={cn(
                             "transition-colors duration-300 shrink-0",
-                            isActive ? "text-primary" : "text-muted-foreground group-hover/item:text-foreground"
+                            isActive ? "text-primary" : "text-foreground/80 group-hover/item:text-foreground"
                           )}>
                             {React.isValidElement(item.icon) ? item.icon : null}
                           </span>