fix headline wrong padding

Telefonica · Nov 11, 2024 · 2d9f5d7 · 2d9f5d7
1 parent 7862897
commit 2d9f5d7
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/header.tsx b/src/header.tsx
@@ -85,9 +85,11 @@ export const Header = ({
                 <Box paddingRight={16}>
                     {/** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */}
                     <div className={styles.flexColumn}>
-                        <div style={{paddingBottom: pretitle || title || description ? 8 : 0}}>
-                            {headline}
-                        </div>
+                        {headline && (
+                            <div style={{paddingBottom: pretitle || title || description ? 8 : 0}}>
+                                {headline}
+                            </div>
+                        )}
 
                         {isBiggerHeading(titleAs, pretitleAs) ? (
                             <>