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 1/2] 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`,

From 023d14c52b03d530de1dd257cd199e9caafd37d7 Mon Sep 17 00:00:00 2001
From: sblausten <sam@roadie.io>
Date: Mon, 12 Sep 2022 13:03:50 +0100
Subject: [PATCH 2/2] changeset

Signed-off-by: sblausten <sam@roadie.io>
---
 .changeset/three-dryers-confess.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/three-dryers-confess.md

diff --git a/.changeset/three-dryers-confess.md b/.changeset/three-dryers-confess.md
new file mode 100644
index 0000000000..e68bc36665
--- /dev/null
+++ b/.changeset/three-dryers-confess.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Fix overflow bug on MicDrop image for 404 page by moving the image and making it relative rather than absolute