diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button-inner.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button-inner.tsx
index a7f01e1178..4fb4914187 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button-inner.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button-inner.tsx
@@ -33,7 +33,7 @@ function PdfCompileButtonInner({
     >
       <Button
         className="btn-recompile"
-        bsStyle="success"
+        bsStyle="primary"
         onClick={() => startCompile()}
         aria-label={compileButtonLabel}
         disabled={compiling}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
index 6aa5147371..6b32fef078 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
@@ -50,7 +50,7 @@ function PdfCompileButton() {
           'btn-recompile': true,
           'btn-recompile-animate': animateCompileDropdownArrow,
         })}
-        bsStyle="success"
+        bsStyle="primary"
         onAnimationEnd={() => {
           setAnimateCompileDropdownArrow(false)
         }}