diff --git a/packages/core/src/layout/Content/Content.tsx b/packages/core/src/layout/Content/Content.tsx
index f3e1ef55ac..38db7c88f7 100644
--- a/packages/core/src/layout/Content/Content.tsx
+++ b/packages/core/src/layout/Content/Content.tsx
@@ -31,12 +31,22 @@ const useStyles = makeStyles((theme: Theme) => ({
     flexDirection: 'column',
     flexGrow: 1,
   },
+  noPadding: {
+    padding: 0,
+  },
 }));
 
-const Content: FC<{ stretch?: boolean; className?: string }> = ({
-  children,
+type Props = {
+  stretch?: boolean;
+  noPadding?: boolean;
+  className?: string;
+};
+
+const Content: FC<Props> = ({
   className,
   stretch,
+  noPadding,
+  children,
   ...props
 }) => {
   const classes = useStyles();
@@ -45,6 +55,7 @@ const Content: FC<{ stretch?: boolean; className?: string }> = ({
       {...props}
       className={classNames(classes.root, className, {
         [classes.stretch]: stretch,
+        [classes.noPadding]: noPadding,
       })}
     >
       {children}