diff --git a/react/Paywall/QuotaPaywall.jsx b/react/Paywall/QuotaPaywall.jsx
new file mode 100644
index 0000000000..482e47c5da
--- /dev/null
+++ b/react/Paywall/QuotaPaywall.jsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Paywall from './Paywall'
+
+/**
+ * Paywall displayed when user disk space is full
+ */
+const QuotaPaywall = ({ onClose }) => {
+  return <Paywall variant="quota" onClose={onClose} />
+}
+
+QuotaPaywall.propTypes = {
+  /** Callback used when the user close the paywall */
+  onClose: PropTypes.func.isRequired
+}
+
+export default QuotaPaywall
diff --git a/react/Paywall/Readme.md b/react/Paywall/Readme.md
index e8e45dc6cc..1d356a3db2 100644
--- a/react/Paywall/Readme.md
+++ b/react/Paywall/Readme.md
@@ -11,7 +11,8 @@ import {
   PasswordSharingPaywall,
   MaxAccountsByKonnectorPaywall,
   MaxAccountsPaywall,
-  MaxPapersPaywall
+  MaxPapersPaywall,
+  QuotaPaywall
 } from "cozy-ui/transpiled/react/Paywall"
 import { CozyProvider } from "cozy-client"
 import { BreakpointsProvider } from "cozy-ui/transpiled/react/hooks/useBreakpoints"
@@ -69,6 +70,10 @@ const paywalls = [
   {
     name: 'MaxPapersPaywall',
     component: MaxPapersPaywall
+  },
+  {
+    name: 'QuotaPaywall',
+    component: QuotaPaywall
   }
 ]
 
diff --git a/react/Paywall/index.jsx b/react/Paywall/index.jsx
index b09a12241e..c966f49422 100644
--- a/react/Paywall/index.jsx
+++ b/react/Paywall/index.jsx
@@ -5,3 +5,4 @@ export {
 } from './MaxAccountsByKonnectorPaywall'
 export { default as MaxAccountsPaywall } from './MaxAccountsPaywall'
 export { default as MaxPapersPaywall } from './MaxPapersPaywall'
+export { default as QuotaPaywall } from './QuotaPaywall'
diff --git a/react/Paywall/locales/en.json b/react/Paywall/locales/en.json
index 7ecbf58c3d..a49344f413 100644
--- a/react/Paywall/locales/en.json
+++ b/react/Paywall/locales/en.json
@@ -66,5 +66,17 @@
       "content": "Your current offer does not allow you to take advantage of this feature.",
       "action": "I understand"
     }
+  },
+  "quotaPaywall": {
+    "premium": {
+      "title": "Upgrade your plan",
+      "content": "Your disk storage is full.\n\nPlease remove files, empty your trash or upgrade your plan before uploading files.",
+      "action": "Check our plans"
+    },
+    "default": {
+      "title": "Information",
+      "content": "Your disk storage is full.\n\nPlease remove files, empty your trash before uploading files.",
+      "action": "I understand"
+    }
   }
 }
diff --git a/react/Paywall/locales/fr.json b/react/Paywall/locales/fr.json
index 59597d603e..61269ed575 100644
--- a/react/Paywall/locales/fr.json
+++ b/react/Paywall/locales/fr.json
@@ -66,5 +66,17 @@
       "content": "Votre offre actuelle ne vous permet pas de profiter de cette fonctionnalité.",
       "action": "J'ai compris"
     }
+  },
+  "quotaPaywall": {
+    "premium": {
+      "title": "Augmentez votre offre",
+      "content": "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, vider votre corbeille ou changer d'offre avant d'importer de nouveaux fichiers.",
+      "action": "Voir les offres"
+    },
+    "default": {
+      "title": "Information",
+      "content": "Votre espace de stockage est plein.\n\nVeuillez supprimer des fichiers, et vider votre corbeille avant d'importer de nouveaux fichiers.",
+      "action": "J'ai compris"
+    }
   }
 }