diff --git a/browser/components/screenshots/screenshots-buttons.css b/browser/components/screenshots/screenshots-buttons.css
index 2b0ccbd004ab..76b3f0d4200d 100644
--- a/browser/components/screenshots/screenshots-buttons.css
+++ b/browser/components/screenshots/screenshots-buttons.css
@@ -2,21 +2,11 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-.all-buttons-container button {
-  background-position: center top;
-  background-repeat: no-repeat;
-  background-size: 46px 46px;
-  min-width: 90px;
-  padding: 46px 5px 5px;
-  margin: 2px;
-  color: var(--panel-color);
-}
-
-.all-buttons-container .full-page {
+.full-page {
   background-image: url("chrome://browser/content/screenshots/menu-fullpage.svg");
 }
 
-.all-buttons-container .visible-page {
+.visible-page {
   background-image: url("chrome://browser/content/screenshots/menu-visible.svg");
 }
 
@@ -24,4 +14,10 @@
   -moz-context-properties: fill, stroke;
   fill: currentColor;
   stroke: var(--color-accent-primary);
+  background-position: center top;
+  background-repeat: no-repeat;
+  background-size: 46px 46px;
+  min-width: 90px;
+  padding: 46px 5px 5px;
+  margin: 2px;
 }
diff --git a/browser/components/screenshots/screenshots-buttons.js b/browser/components/screenshots/screenshots-buttons.js
index 66188bd3e21c..68186f7fa902 100644
--- a/browser/components/screenshots/screenshots-buttons.js
+++ b/browser/components/screenshots/screenshots-buttons.js
@@ -11,12 +11,10 @@
   class ScreenshotsButtons extends MozXULElement {
     static get markup() {
       return `
-      <html:link rel="stylesheet" href="chrome://global/skin/in-content/common.css"/>
+      <html:link rel="stylesheet" href="chrome://global/skin/global.css"/>
       <html:link rel="stylesheet" href="chrome://browser/content/screenshots/screenshots-buttons.css"/>
-      <html:div id="screenshots-buttons" class="all-buttons-container">
-        <html:button class="visible-page" data-l10n-id="screenshots-save-visible-button"></html:button>
-        <html:button class="full-page" data-l10n-id="screenshots-save-page-button"></html:button>
-      </html:div>
+      <html:button class="visible-page panel-footer-button" data-l10n-id="screenshots-save-visible-button"></html:button>
+      <html:button class="full-page panel-footer-button" data-l10n-id="screenshots-save-page-button"></html:button>
       `;
     }