.

apps/blogai/components/chat.tsx

@@ -269,7 +269,7 @@ export const LogoAI: React.FC<{ className?: string, width?: string }> = ({ class
   return (
     <svg
       className={className}
-      width={width ? width : "186"}
+      width={width ? width : "48"}
       xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1247.55 409.54">
       <defs>
         <style>

apps/blogai/components/header.tsx

@@ -34,7 +34,7 @@ import { Flex, Text } from '@radix-ui/themes';
 import Link from 'next/link'
 import { useTranslation } from 'react-i18next'
 import { message } from 'antd'
-
+import { LogoAI } from '@/components/chat'
 
 
 export function Header() {
@@ -65,6 +65,7 @@ export function Header() {
       {/* <MobileLinks className="lg:hidden" />
         <DesktopLinks className="hidden lg:flex" /> */}
       <div className="lg:hidden" ></div>
+
       <div className="hidden lg:flex" >
         {/* <Button variant="ghost" className='text-base font-bold  hover:bg-[#e5e7eb]' onClick={soonFunc}>
           {t("header.course")}
@@ -81,6 +82,11 @@ export function Header() {
         router.push("/")
         // toast.success('coming soon')
       }} /> */}
+
+      <LogoAI
+        className='flex text-center m-auto'
+      />
+
       <div className="flex items-center justify-between ">
         <div className="flex items-center ">
           {/* <IconSeparator className="size-6 text-muted-foreground/50" /> */}