diff --git a/plugins/lighthouse/src/components/CreateAudit/index.tsx b/plugins/lighthouse/src/components/CreateAudit/index.tsx
index 372992a718..55800d79ec 100644
--- a/plugins/lighthouse/src/components/CreateAudit/index.tsx
+++ b/plugins/lighthouse/src/components/CreateAudit/index.tsx
@@ -42,6 +42,9 @@ import LighthouseSupportButton from '../SupportButton';
 const useStyles = makeStyles(theme => ({
   input: {
     minWidth: 300,
+    [theme.breakpoints.down('xs')]: {
+      minWidth: '100%',
+    },
   },
   buttonList: {
     marginLeft: theme.spacing(-1),
@@ -49,6 +52,14 @@ const useStyles = makeStyles(theme => ({
     '& > *': {
       margin: theme.spacing(1),
     },
+    [theme.breakpoints.down('xs')]: {
+      marginLeft: 0,
+      marginRight: 0,
+      flexDirection: 'column',
+      '& > *': {
+        width: '100%',
+      },
+    },
   },
 }));