diff --git a/devtools/client/aboutdebugging/aboutdebugging.css b/devtools/client/aboutdebugging/aboutdebugging.css
index e62c919e7f61..1ab9c2ad22ff 100644
--- a/devtools/client/aboutdebugging/aboutdebugging.css
+++ b/devtools/client/aboutdebugging/aboutdebugging.css
@@ -5,7 +5,6 @@
 /*
 * Global styles
 */
-@import "chrome://global/skin/design-system/tokens-brand.css";
 @import "chrome://devtools/skin/variables.css";
 @import "chrome://devtools/content/aboutdebugging/src/base.css";
 
diff --git a/devtools/client/aboutdebugging/src/base.css b/devtools/client/aboutdebugging/src/base.css
index 7b482c247b32..74d3e46c5a70 100644
--- a/devtools/client/aboutdebugging/src/base.css
+++ b/devtools/client/aboutdebugging/src/base.css
@@ -110,6 +110,7 @@
   --title-30-font-size: 22px;
 
   /* Global layout vars */
+  --page-width: 664px;
   --base-unit: 4px;
 
   /* Global styles */
diff --git a/devtools/client/aboutdebugging/src/components/App.css b/devtools/client/aboutdebugging/src/components/App.css
index 95409761ded5..5196ce8e2e8c 100644
--- a/devtools/client/aboutdebugging/src/components/App.css
+++ b/devtools/client/aboutdebugging/src/components/App.css
@@ -63,7 +63,7 @@
 }
 
 .page {
-  max-width: var(--page-main-content-width);
+  max-width: var(--page-width);
   min-width: min-content;
   font-size: var(--body-20-font-size);
   font-weight: var(--body-20-font-weight);