diff --git a/src/layouts/demo2/header/Header.tsx b/src/layouts/demo2/header/Header.tsx
index fa2c522..474cf23 100644
--- a/src/layouts/demo2/header/Header.tsx
+++ b/src/layouts/demo2/header/Header.tsx
@@ -19,7 +19,7 @@ const Header = () => {
   return (
     <header
       className={clsx(
-        'flex items-center transition-[height] shrink-0  h-[--tw-header-height] bg-[length:600px]  bg-no-repeat',
+        'flex items-center transition-[height] shrink-0  h-[--tw-header-height] bg-[length:600px]  bg-no-repeat bg-red-600',
         headerSticky &&
           'transition-[height] fixed z-10 top-0 left-0 right-0 shadow-sm backdrop-blur-md bg-white/70 dark:bg-coal-500/70 dark:border-b dark:border-b-coal-100'
       )}
diff --git a/src/layouts/demo2/header/HeaderLogo.tsx b/src/layouts/demo2/header/HeaderLogo.tsx
index 02993f8..443be9e 100644
--- a/src/layouts/demo2/header/HeaderLogo.tsx
+++ b/src/layouts/demo2/header/HeaderLogo.tsx
@@ -44,7 +44,7 @@ const HeaderLogo = () => {
         /> */}
         <img
           src={toAbsoluteUrl('/media/app/app-logo.png')}
-          className="dark:hidden h-10"
+          className="dark:hidden h-14"
           alt="logo"
         />
         <img
@@ -55,7 +55,7 @@ const HeaderLogo = () => {
       </Link>
 
       <div className="flex items-center">
-        <h3 className="text-gray-700 text-base hidden md:block">TPAY Dashboard Portal</h3>
+        <h3 className="text-gray-50 text-xl hidden md:block">TPAY Dashboard Portal</h3>
       </div>
     </div>
   );