.

apps/blogai/components/article/article.tsx

@@ -287,7 +287,7 @@ const NineGrid: React.FC<NineGridProps> = ({
       // width: '70%', 
       // margin: '0 auto' 
     }}
-      className='w-[90%] m-auto'
+      className='w-[80%] m-auto'
     >
       <TagsViews
         categoriesRef={categoriesRef}

apps/blogai/components/header.tsx

@@ -60,7 +60,7 @@ export function Header() {
   }
 //w-11/12 sm:w-5/6 md:w-3/4 lg:w-2/3 xl:w-3/5 2xl:w-1/2
   return (
-    <header className="sticky top-0 z-50 flex shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem] w-[90%]  mx-auto">
+    <header className="sticky top-0 z-50 flex shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem] w-[80%]  mx-auto">
       <LogoAI
         className='flex text-center ml-0'
       />