From f52dfc0c485f7c7cc0763bb89b978828895bc021 Mon Sep 17 00:00:00 2001
From: sblausten <sam@roadie.io>
Date: Mon, 12 Sep 2022 11:56:23 +0100
Subject: [PATCH] Fix overflow issue for mic drop image

Signed-off-by: sblausten <sam@roadie.io>
---
 packages/core-components/src/layout/ErrorPage/ErrorPage.tsx | 2 +-
 packages/core-components/src/layout/ErrorPage/MicDrop.tsx   | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
index 928a3eb0d4..658c06de2a 100644
--- a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
+++ b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
@@ -70,7 +70,6 @@ export function ErrorPage(props: IErrorPageProps) {
 
   return (
     <Grid container spacing={0} className={classes.container}>
-      <MicDrop />
       <Grid item xs={12} sm={8} md={4}>
         <Typography
           data-testid="error"
@@ -94,6 +93,7 @@ export function ErrorPage(props: IErrorPageProps) {
           think this is a bug.
         </Typography>
       </Grid>
+      <MicDrop />
     </Grid>
   );
 }
diff --git a/packages/core-components/src/layout/ErrorPage/MicDrop.tsx b/packages/core-components/src/layout/ErrorPage/MicDrop.tsx
index efa101b23b..aacb44079a 100644
--- a/packages/core-components/src/layout/ErrorPage/MicDrop.tsx
+++ b/packages/core-components/src/layout/ErrorPage/MicDrop.tsx
@@ -22,12 +22,10 @@ const useStyles = makeStyles(
   theme => ({
     micDrop: {
       maxWidth: '60%',
-      position: 'absolute',
       bottom: theme.spacing(2),
       right: theme.spacing(2),
       [theme.breakpoints.down('xs')]: {
         maxWidth: '96%',
-        position: 'relative',
         bottom: 'unset',
         right: 'unset',
         margin: `${theme.spacing(10)}px auto ${theme.spacing(4)}px`,