diff --git a/src/modules/header/header.jsx b/src/modules/header/header.jsx index 84aba1c9..92877a26 100644 --- a/src/modules/header/header.jsx +++ b/src/modules/header/header.jsx @@ -245,7 +245,7 @@ const Header = ({ children, className, id, ...passProps }) => { onExpand={() => toggleMenu('about')} className={styles.aboutMenu} > - + About us Our mission Team @@ -253,12 +253,7 @@ const Header = ({ children, className, id, ...passProps }) => { FAQs Contact us - + Governance @@ -266,7 +261,7 @@ const Header = ({ children, className, id, ...passProps }) => { Board of supporters Research network - + Our research CORE Labs diff --git a/src/modules/header/styles.css b/src/modules/header/styles.css index bf0dced4..b8b8cc6e 100644 --- a/src/modules/header/styles.css +++ b/src/modules/header/styles.css @@ -222,6 +222,7 @@ font-size: .875rem; font-weight: 400; color: hsl(var(--component-color) / var(--component-disabled)); + text-align: start; letter-spacing: .01em; } @@ -430,19 +431,19 @@ flex-direction: row; width: max-content; max-height: 20rem; - gap: 16px; + gap: 24px; + padding: 10px; } } } .member-menu-item { - position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: max-content; - min-width: 172px; + min-width: 215px; height: 68px; padding: .5rem; margin-top: 1rem; @@ -452,13 +453,6 @@ } -.member-menu-text { - position: absolute; - top: 50%; - width: 100%; - transform: translate(-50%, -50%); -} - /* search item styles */ .search-bar-item { --app-bar-padding-y: 0;