From 96740b352b4755fcbe6ad4a157659aec22868902 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Fri, 2 Sep 2022 09:26:32 -0500
Subject: [PATCH] fix: eliminate gap between transcript and header

---
 src/components/Shell/Shell.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Shell/Shell.tsx b/src/components/Shell/Shell.tsx
index b282d26..c61b79c 100644
--- a/src/components/Shell/Shell.tsx
+++ b/src/components/Shell/Shell.tsx
@@ -51,6 +51,7 @@ const Main = styled('main', { shouldForwardProp: prop => prop !== 'open' })<{
 }>(({ theme, open }) => ({
   flexGrow: 1,
   padding: theme.spacing(3),
+  paddingTop: 0,
   transition: theme.transitions.create('margin', {
     easing: theme.transitions.easing.sharp,
     duration: theme.transitions.duration.leavingScreen,
@@ -159,11 +160,11 @@ export const Shell = ({ children }: ShellProps) => {
         <CssBaseline />
         <Box
           className="Chitchatter"
-          sx={{
+          sx={theme => ({
             height: '100vh',
             display: 'flex',
-            paddingTop: 8,
-          }}
+            paddingTop: theme.spacing(7),
+          })}
         >
           <Snackbar
             open={isAlertShowing}