diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js
index 34a90d418a..10ff09890f 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js
@@ -18,10 +18,10 @@ function PdfDownloadFilesButton() {
       disabled={compiling || !fileList}
     >
       <Dropdown.Toggle
-        className="dropdown-toggle"
+        className="dropdown-toggle btn-secondary-info btn-secondary"
         title={t('other_logs_and_files')}
         bsSize="small"
-        bsStyle="info"
+        bsStyle={null}
       />
       <Dropdown.Menu id="dropdown-files-logs-pane-list">
         <PdfFileList fileList={fileList} />
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js
index 732e6cba9a..bdae055b39 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js
@@ -8,23 +8,35 @@ function PdfViewerControls({ setZoom }) {
   return (
     <ButtonGroup>
       <Button
-        bsStyle="info"
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
         bsSize="large"
         onClick={() => setZoom('fit-width')}
       >
         <Icon type="arrows-h" />
       </Button>
       <Button
-        bsStyle="info"
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
         bsSize="large"
         onClick={() => setZoom('fit-height')}
       >
         <Icon type="arrows-v" />
       </Button>
-      <Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-in')}>
+      <Button
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
+        bsSize="large"
+        onClick={() => setZoom('zoom-in')}
+      >
         <Icon type="search-plus" />
       </Button>
-      <Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-out')}>
+      <Button
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
+        bsSize="large"
+        onClick={() => setZoom('zoom-out')}
+      >
         <Icon type="search-minus" />
       </Button>
     </ButtonGroup>
diff --git a/services/web/frontend/stylesheets/app/editor/pdf.less b/services/web/frontend/stylesheets/app/editor/pdf.less
index 74a84a1064..25b0a31616 100644
--- a/services/web/frontend/stylesheets/app/editor/pdf.less
+++ b/services/web/frontend/stylesheets/app/editor/pdf.less
@@ -321,14 +321,23 @@
         opacity: 1;
       }
     }
-    i.fa-arrows-h {
+
+    i.fa-arrows-h when(@is-new-css = false) {
       border-right: 2px solid white;
       border-left: 2px solid white;
     }
-    i.fa-arrows-v {
+    i.fa-arrows-h when(@is-new-css = true) {
+      border-right: 2px solid @content-primary;
+      border-left: 2px solid @content-primary;
+    }
+    i.fa-arrows-v when(@is-new-css = false) {
       border-top: 2px solid white;
       border-bottom: 2px solid white;
     }
+    i.fa-arrows-v when(@is-new-css = true) {
+      border-top: 2px solid @content-primary;
+      border-bottom: 2px solid @content-primary;
+    }
   }
 }