diff --git a/interface/src/components/layout/Layout.tsx b/interface/src/components/layout/Layout.tsx
index f998deb23..c9dbf0cdd 100644
--- a/interface/src/components/layout/Layout.tsx
+++ b/interface/src/components/layout/Layout.tsx
@@ -9,7 +9,7 @@ import type { FC } from 'react';
 import type { RequiredChildrenProps } from 'utils';
 import { PROJECT_NAME } from 'api/env';
 
-export const DRAWER_WIDTH = 240;
+export const DRAWER_WIDTH = 210;
 
 const Layout: FC<RequiredChildrenProps> = ({ children }) => {
   const [mobileOpen, setMobileOpen] = useState(false);
diff --git a/interface/src/components/layout/LayoutAppBar.tsx b/interface/src/components/layout/LayoutAppBar.tsx
index c7d9499f6..500d7519e 100644
--- a/interface/src/components/layout/LayoutAppBar.tsx
+++ b/interface/src/components/layout/LayoutAppBar.tsx
@@ -3,7 +3,7 @@ import { AppBar, Box, IconButton, Toolbar, Typography } from '@mui/material';
 import LayoutAuthMenu from './LayoutAuthMenu';
 import type { FC } from 'react';
 
-export const DRAWER_WIDTH = 240;
+export const DRAWER_WIDTH = 210;
 
 interface LayoutAppBarProps {
   title: string;