diff --git a/src/layouts/CompetitionLayout/CompetitionLayout.tsx b/src/layouts/CompetitionLayout/CompetitionLayout.tsx
index cd496bb..f84c936 100644
--- a/src/layouts/CompetitionLayout/CompetitionLayout.tsx
+++ b/src/layouts/CompetitionLayout/CompetitionLayout.tsx
@@ -32,11 +32,11 @@ export function CompetitionLayout() {
   const Header = (
     <nav className="z-10 flex justify-center w-full shadow-md shadow-tertiary-dark print:hidden bg-panel">
       <Container className="justify-between md:flex-row">
-        <div className="flex">
+        <div className="flex w-full flex-wrap p-2">
           {tabs.map((i) => (
             <StyledNavLink
               key={i.href}
-              className={classNames({
+              className={classNames('basis-1/2 type-body-sm md:basis-auto md:type-body', {
                 'hidden md:block': i.hiddenOnMobile,
               })}
               to={i.href}