diff --git a/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx
index 17b399b0db..ef140443f3 100644
--- a/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx
@@ -58,7 +58,12 @@ export default function DeleteTagModal({
             </span>
           </div>
         )}
-        <Button onClick={onClose} disabled={isLoading}>
+        <Button
+          bsStyle={null}
+          className="btn-secondary"
+          onClick={onClose}
+          disabled={isLoading}
+        >
           {t('cancel')}
         </Button>
         <Button
diff --git a/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
index 5cd1056099..f65d29fd5b 100644
--- a/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
@@ -115,7 +115,13 @@ function RenameProjectModal({
             {getUserFacingMessage(error)}
           </Alert>
         )}
-        <Button onClick={handleCloseModal}>{t('cancel')}</Button>
+        <Button
+          bsStyle={null}
+          className="btn-secondary"
+          onClick={handleCloseModal}
+        >
+          {t('cancel')}
+        </Button>
         <Button
           form="rename-project-form"
           bsStyle="primary"
diff --git a/services/web/frontend/js/features/project-list/components/modals/rename-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/rename-tag-modal.tsx
index 3f67490523..70110efb1a 100644
--- a/services/web/frontend/js/features/project-list/components/modals/rename-tag-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/modals/rename-tag-modal.tsx
@@ -105,7 +105,12 @@ export default function RenameTagModal({
             </span>
           </div>
         )}
-        <Button onClick={onClose} disabled={isLoading}>
+        <Button
+          bsStyle={null}
+          className="btn-secondary"
+          onClick={onClose}
+          disabled={isLoading}
+        >
           {t('cancel')}
         </Button>
         <Button
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
index 575e8f43cb..751ed49cd1 100644
--- a/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
@@ -82,7 +82,9 @@ function ModalContentNewProjectForm({ onCancel, template = 'none' }: Props) {
       </Modal.Body>
 
       <Modal.Footer>
-        <Button onClick={onCancel}>{t('cancel')}</Button>
+        <Button bsStyle={null} className="btn-secondary" onClick={onCancel}>
+          {t('cancel')}
+        </Button>
         <Button
           bsStyle="primary"
           onClick={createNewProject}