diff --git a/packages/web/components/templates/PrimaryLayout.tsx b/packages/web/components/templates/PrimaryLayout.tsx
index 30b652ea3..ea3c53d6a 100644
--- a/packages/web/components/templates/PrimaryLayout.tsx
+++ b/packages/web/components/templates/PrimaryLayout.tsx
@@ -1,11 +1,6 @@
import { PageMetaData, PageMetaDataProps } from '../patterns/PageMetaData'
import { Box } from '../elements/LayoutPrimitives'
-import {
- ReactNode,
- MutableRefObject,
- useEffect,
- useState,
-} from 'react'
+import { ReactNode, MutableRefObject, useEffect, useState } from 'react'
import { PrimaryHeader } from './../patterns/PrimaryHeader'
import { useGetViewerQuery } from '../../lib/networking/queries/useGetViewerQuery'
import { navigationCommands } from '../../lib/keyboardShortcuts/navigationShortcuts'
@@ -59,16 +54,21 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element {
return (
<>
{props.pageMetaDataProps ? (
-
+
) : null}
-
+
+ css={{
+ height: '48px',
+ bg: '$grayBase',
+ }}
+ >
{props.children}
{showLogoutConfirmation ? (