diff --git a/packages/lib/src/header/Header.tsx b/packages/lib/src/header/Header.tsx index e44c933a9..a171ff5bb 100644 --- a/packages/lib/src/header/Header.tsx +++ b/packages/lib/src/header/Header.tsx @@ -54,9 +54,10 @@ const RightSideContainer = styled(SideContainer)` justify-content: flex-end; `; -const LogoContainer = styled.div` +const LogoContainer = styled.div<{ isClickable: boolean }>` display: flex; align-items: center; + cursor: ${(props) => (props.isClickable ? "pointer" : "default")}; svg { height: var(--height-m); width: auto; @@ -176,6 +177,7 @@ const DxcHeader = ({ logo, appTitle, navItems, sideContent, responsiveBottomCont role={logo.onClick ? "button" : undefined} onClick={typeof logo.onClick === "function" ? logo.onClick : undefined} as={logo.href ? "a" : undefined} + isClickable={!!(logo.onClick || logo.href)} > {typeof logo.src === "string" ? (