diff --git a/packages/frontend/src/components/FileManagerActionModal.vue b/packages/frontend/src/components/FileManagerActionModal.vue
index d14a31d..80b6afe 100644
--- a/packages/frontend/src/components/FileManagerActionModal.vue
+++ b/packages/frontend/src/components/FileManagerActionModal.vue
@@ -232,7 +232,7 @@ onUnmounted(() => {
         <button
           @click="closeModal"
           type="button"
-          class="px-4 py-2 text-sm font-medium text-white bg-button hover:bg-button-hover border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 dark:focus:ring-offset-background-dark transition-colors"
+          class="px-4 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 dark:focus:ring-offset-background-dark text-sm font-medium transition-colors duration-150 bg-background border border-border/50 text-text-secondary hover:bg-border hover:text-foreground"
         >
           {{ t('fileManager.modals.buttons.cancel', 'Cancel') }}
         </button>