diff --git a/toolkit/themes/shared/in-content/common-shared.css b/toolkit/themes/shared/in-content/common-shared.css
index 41f65a1f2c3065631780b02d820f632abdf542af..c01c2957367da968d106c83117e45800bb6b15e5 100644
--- a/toolkit/themes/shared/in-content/common-shared.css
+++ b/toolkit/themes/shared/in-content/common-shared.css
@@ -4,7 +4,7 @@
 
 @import url("chrome://global/skin/design-system/tokens-brand.css");
 @import url("chrome://global/skin/design-system/text-and-typography.css");
-
+@import url("chrome://browser/content/zen-styles/zen-theme.css");
 @namespace html "http://www.w3.org/1999/xhtml";
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
@@ -66,7 +66,7 @@
    * this in forced colors mode, as we should be using system colours then.
    */
   :root[dialogroot] {
-    --background-color-canvas: #42414d;
+    --background-color-canvas: var(--zen-dialog-background);
   }
 }
 
@@ -702,7 +702,7 @@ html|*#categories[last-input-type="mouse"] > html|button.category:focus-visible
   fill-opacity: 1;
 }
 
-@media (max-width: 830px) {
+@media (max-width: 130px) {
   :root {
     --in-content-sidebar-width: 118px;
   }
@@ -1092,7 +1092,7 @@ xul|*.sidebar-footer-link {
   user-select: none;
 }
 
-@media (max-width: 830px) {
+@media (max-width: 130px) {
   .sidebar-footer-list {
     margin-inline-start: 40px;
     align-items: flex-start;