fix: Center-align header items

ExpediaGroup · Jan 21, 2022 · 6533088 · 6533088
1 parent 39822f6
commit 6533088
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/frontend/src/pages/main-page/components/header/header.tsx b/packages/frontend/src/pages/main-page/components/header/header.tsx
@@ -55,7 +55,7 @@ export const Header = (props) => {
     <Flex as="header" align="center" justify="space-between" wrap="wrap" padding="1rem" {...props}>
       <Flex align="center" mr={5}>
         <RouterLink to="/">
-          <Heading as="h1">
+          <Heading as="h1" display="flex" alignItems="center">
             <Image src={`/assets/${headerImage}`} height="2rem" display="inline-block" mr="0.5rem" alt="IEX Logo" />
             <Image src="/assets/iex-name.svg" height="1.33rem" display="inline-block" alt="Insights Explorer" />
           </Heading>