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
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`,