diff --git a/client/src/components/MainContent.tsx b/client/src/components/MainContent.tsx
index 08f1cc2..525e391 100644
--- a/client/src/components/MainContent.tsx
+++ b/client/src/components/MainContent.tsx
@@ -99,7 +99,7 @@ export default function MainContent() {
 
   return (
     <div className="flex flex-col min-h-screen bg-gray-50">
-      <div className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-8 w-full">
+      <div className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-16 w-full">
         {isLoading ? (
           <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
             {categories.map((category) => (