diff --git a/apps/blogai/components/article/article.tsx b/apps/blogai/components/article/article.tsx
index 27e6717..6ee1425 100644
--- a/apps/blogai/components/article/article.tsx
+++ b/apps/blogai/components/article/article.tsx
@@ -287,7 +287,7 @@ const NineGrid: React.FC<NineGridProps> = ({
       // width: '70%', 
       // margin: '0 auto' 
     }}
-      className='w-full lg:w-[80%] m-auto'
+      className='w-[90%] m-auto'
     >
       <TagsViews
         categoriesRef={categoriesRef}
diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index da38f11..17e25c6 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -58,9 +58,9 @@ export function Header() {
   const soonFunc = () => {
     message.info(t("soon"))
   }
-
+//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-11/12 sm:w-5/6 md:w-3/4 lg:w-2/3 xl:w-3/5 2xl:w-1/2  mx-auto">
+    <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">
       <LogoAI
         className='flex text-center ml-0'
       />