diff --git a/package-lock.json b/package-lock.json
index 6ca0b4d..84756a2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4962,9 +4962,9 @@
       }
     },
     "@system76/design": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@system76/design/-/design-3.0.0.tgz",
-      "integrity": "sha512-wC5DF/Tl7hbGKoie9ThotqU/qVns7uAc75ojvWhC7uAcuFL/PfZ/j398b8bpIbD3mwzjYXhsrKv7qVzruZ/HVQ==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@system76/design/-/design-5.2.0.tgz",
+      "integrity": "sha512-N/AlEnFY49vsW5EOqVrCvqIgwbS0UMRR2FYLGQ3/u2fRLCq+sIukLIMWvsud1QAE33yKkBefpfeAAS65/Dttzg==",
       "dev": true
     },
     "@system76/eslint-config": {
diff --git a/package.json b/package.json
index c4dcfdf..217436e 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "@storybook/addon-knobs": "^5.3.9",
     "@storybook/addon-viewport": "^5.3.9",
     "@storybook/vue": "^5.3.9",
-    "@system76/design": "^3.0.0",
+    "@system76/design": "^5.2.0",
     "@system76/eslint-config": "^2.0.0",
     "@vue/babel-preset-app": "^4.1.2",
     "@vue/test-utils": "^1.0.0-beta.31",