From 9d9fa8e5751cbaa069be62db67413f5c0471c4ef Mon Sep 17 00:00:00 2001
From: Richard Poelderl <richard.poelderl@gmail.com>
Date: Mon, 13 Feb 2023 09:29:48 -0300
Subject: [PATCH] turn inline logo & shell headers into h3 (#7060)

---
 packages/features/shell/Shell.tsx    | 4 ++--
 packages/ui/components/logo/Logo.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx
index 3d9dc31e8d..58b763f97b 100644
--- a/packages/features/shell/Shell.tsx
+++ b/packages/features/shell/Shell.tsx
@@ -797,13 +797,13 @@ export function ShellMain(props: LayoutProps) {
             {props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
             <div className={classNames("w-full ltr:mr-4 rtl:ml-4 md:block", props.headerClassName)}>
               {props.heading && (
-                <h1
+                <h3
                   className={classNames(
                     "font-cal max-w-28 sm:max-w-72 md:max-w-80 hidden truncate text-xl font-semibold tracking-wide text-black md:block xl:max-w-full",
                     props.smallHeading ? "text-base" : "text-xl"
                   )}>
                   {!isLocaleReady ? <SkeletonText invisible /> : props.heading}
-                </h1>
+                </h3>
               )}
               {props.subtitle && (
                 <p className="hidden text-sm text-gray-500 md:block">
diff --git a/packages/ui/components/logo/Logo.tsx b/packages/ui/components/logo/Logo.tsx
index 7733fff725..7ec2664462 100644
--- a/packages/ui/components/logo/Logo.tsx
+++ b/packages/ui/components/logo/Logo.tsx
@@ -2,7 +2,7 @@ import { LOGO_ICON, LOGO } from "@calcom/lib/constants";
 
 export default function Logo({ small, icon }: { small?: boolean; icon?: boolean }) {
   return (
-    <h1 className="logo inline">
+    <h3 className="logo inline">
       <strong>
         {icon ? (
           <img className="mx-auto w-9" alt="Cal" title="Cal" src={LOGO_ICON} />
@@ -10,6 +10,6 @@ export default function Logo({ small, icon }: { small?: boolean; icon?: boolean
           <img className={small ? "h-4 w-auto" : "h-5 w-auto"} alt="Cal" title="Cal" src={LOGO} />
         )}
       </strong>
-    </h1>
+    </h3>
   );
 }