diff --git a/toolkit/themes/shared/in-content/common-shared.css b/toolkit/themes/shared/in-content/common-shared.css
index 38e13e0436ee3a2d722f2fc6e11ecafd122fb4eb..c0f985f7e0e74f7050ef91fb9d460d4880d389e4 100644
--- a/toolkit/themes/shared/in-content/common-shared.css
+++ b/toolkit/themes/shared/in-content/common-shared.css
@@ -5,6 +5,8 @@
 @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";
 
@@ -53,7 +55,7 @@
   --in-content-table-border-color: var(--in-content-box-border-color);
   --in-content-table-header-background: var(--in-content-primary-button-background);
   --in-content-table-header-color: var(--in-content-primary-button-text-color);
-  --in-content-sidebar-width: 280px;
+  --in-content-sidebar-width: 340px;
 
   --dialog-warning-text-color: var(--red-60);
 
@@ -737,7 +739,6 @@ html|*#categories {
   color: inherit;
   margin-inline-start: 34px;
   padding-inline: 10px;
-  transition: background-color 150ms;
 }
 
 html|*#categories > html|*.category {
@@ -767,14 +768,15 @@ html|*#categories > html|*.category:dir(rtl) {
 
 #categories > .category:hover:active {
   background-color: var(--in-content-button-background-active);
-  color: var(--in-content-button-text-color-active);
+  color: var(--in-content-button-text-color-active) !important;
   border-color: var(--in-content-button-border-color-active);
 }
 
 @media not (forced-colors) {
   #categories > .category[selected],
   #categories > .category.selected {
-    color: var(--color-accent-primary);
+    /*color: var(--color-accent-primary);*/
+    opacity: .7;
   }
 
   #categories > .category[selected]:not(:hover) {
@@ -836,7 +838,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;
   }
@@ -1216,7 +1218,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;
