diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6927b5ca3..e0e827e96 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## v0.6.0 UNRELEASED
 
+- Paragraph component's hardcoded responsive style has been removed (issue #1476)
+
 ## v0.6.0-alpha.7 2021-02-15
 
 - **Breaking TypeScript**: Known colors (_primary_, _text_, _background_, _accent_, _secondary_) in `ColorMode` can now be nested scales.
diff --git a/packages/components/src/Paragraph.js b/packages/components/src/Paragraph.js
index 0f95573df..b129fa6b4 100644
--- a/packages/components/src/Paragraph.js
+++ b/packages/components/src/Paragraph.js
@@ -14,11 +14,7 @@ export const Paragraph = React.forwardRef(function Paragraph(
       sx={{
         // reset margin by default: avoid relying on user-agent margins (not aware of theme-ui space scale)
         margin: 0,
-        // set a max-width: avoid full-page paragraphs
-        '@media screen and (min-width: 36em)': {
-          maxWidth: '48rem',
-        },
-        ...sx,
+        ...sx
       }}
       __themeKey="text"
       __css={{
diff --git a/packages/components/test/__snapshots__/index.js.snap b/packages/components/test/__snapshots__/index.js.snap
index 2c291d785..7048a822c 100644
--- a/packages/components/test/__snapshots__/index.js.snap
+++ b/packages/components/test/__snapshots__/index.js.snap
@@ -1100,12 +1100,6 @@ exports[`Paragraph renders 1`] = `
   margin: 0;
 }
 
-@media screen and (min-width: 36em) {
-  .emotion-0 {
-    max-width: 48rem;
-  }
-}
-
 <p
   className="emotion-0"
 />
diff --git a/packages/components/test/index.js b/packages/components/test/index.js
index 07404e2da..384bd56b4 100644
--- a/packages/components/test/index.js
+++ b/packages/components/test/index.js
@@ -67,6 +67,8 @@ const theme = {
       fontSize: 3,
     },
     block: {
+      my: 0,
+      maxWidth: [0, '48em'],
       variant: 'default',
       textAlign: 'justify',
       textAlignLast: 'start',