diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
index 314729dd1a..1ad8cb9a09 100644
--- a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
@@ -63,7 +63,7 @@ function FileTreeModalDelete() {
           />
         ) : (
           <>
-            <OLButton className="secondary" onClick={handleHide}>
+            <OLButton variant="secondary" onClick={handleHide}>
               {t('cancel')}
             </OLButton>
             <OLButton variant="danger" onClick={handleDelete}>