diff --git a/src/client/App.tsx b/src/client/App.tsx
index af32830a..94281154 100644
--- a/src/client/App.tsx
+++ b/src/client/App.tsx
@@ -14,7 +14,7 @@ const App = () => {
   return (
     <ThemeProvider theme={theme}>
       <SnackbarProvider preventDuplicate>
-        <Box>
+        <Box minHeight="100vh" display="flex" flexDirection="column">
           <NavBar />
           <Router />
           <Footer />
diff --git a/src/client/components/Chat/Email.tsx b/src/client/components/Chat/Email.tsx
index 0e61554d..91d7b50b 100644
--- a/src/client/components/Chat/Email.tsx
+++ b/src/client/components/Chat/Email.tsx
@@ -34,7 +34,7 @@ const Email = ({ system, messages, disabled }: { system: string, messages: Messa
     if (response.ok) {
       enqueueSnackbar(t('email:success'), { variant: 'success' })
     } else {
-      enqueueSnackbar('email:failure', { variant: 'error' })
+      enqueueSnackbar(t('email:failure'), { variant: 'error' })
     }
   }
 
diff --git a/src/client/components/Footer/index.tsx b/src/client/components/Footer/index.tsx
index f77c2b19..1b9ea802 100644
--- a/src/client/components/Footer/index.tsx
+++ b/src/client/components/Footer/index.tsx
@@ -31,8 +31,7 @@ const Footer = () => {
       sx={(theme) => ({
         backgroundColor: theme.palette.toskaDark.main,
         color: theme.palette.toskaDark.contrastText,
-        bottom: 0,
-        position: 'fixed',
+        mt: 'auto',
         width: '100%',
       })}
     >