diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index b4711cf..a3e9628 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -70,7 +70,7 @@ export function Layout() {
     <AppShell
       navbarOffsetBreakpoint="sm"
       navbar={
-        <Navbar width={{ lg: 300 }} hiddenBreakpoint="lg" hidden={!opened}>
+        <Navbar width={{ md: 300 }} hiddenBreakpoint="md" hidden={!opened}>
           <Navbar.Section className="app-region-drag">
             <Box
               style={{
@@ -94,7 +94,7 @@ export function Layout() {
                   }}
                 />
               </Link>
-              <MediaQuery largerThan="lg" styles={{ display: "none" }}>
+              <MediaQuery largerThan="md" styles={{ display: "none" }}>
                 <Burger
                   opened={opened}
                   onClick={() => setOpened((o) => !o)}
@@ -246,7 +246,7 @@ export function Layout() {
       layout="alt"
       padding={0}
     >
-      <MediaQuery largerThan="lg" styles={{ display: "none" }}>
+      <MediaQuery largerThan="md" styles={{ display: "none" }}>
         <Burger
           opened={opened}
           onClick={() => setOpened((o) => !o)}
diff --git a/src/routes/ChatRoute.tsx b/src/routes/ChatRoute.tsx
index b33a6ea..15633dc 100644
--- a/src/routes/ChatRoute.tsx
+++ b/src/routes/ChatRoute.tsx
@@ -207,7 +207,7 @@ export function ChatRoute() {
           bottom: 0,
           left: 0,
           right: 0,
-          [`@media (min-width: ${theme.breakpoints.lg})`]: {
+          [`@media (min-width: ${theme.breakpoints.md})`]: {
             left: 300,
           },
           backgroundColor: