--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -952,16 +952,30 @@ panelmultiview .toolbaritem-combined-but
 
 #appMenu-zoom-controls > .subviewbutton {
   margin-inline-start: 10px;
 }
 
 /* Unset the min-height constraint, because that works better for a text-only button. */
 #appMenu-zoomReset-button {
   min-height: unset;
+  background-color: var(--arrowpanel-background);
+}
+
+#appMenu-zoomReset-button@buttonStateHover@ {
+  background-color: var(--arrowpanel-dimmed);
+}
+
+#appMenu-zoomReset-button@buttonStateActive@ {
+  background-color: var(--arrowpanel-dimmed-further);
+}
+
+#appMenu-zoomReset-button {
+  min-height: unset;
+  background-color: var(--arrowpanel-background);
 }
 
 #appMenu-zoomReset-button > .toolbarbutton-text {
   min-width: calc(3ch + 8px);
   text-align: center;
 }
 
 .toolbaritem-combined-buttons > toolbarseparator[orient="vertical"] + .subviewbutton,