diff --git a/frontend/src/pages/Setup/index.tsx b/frontend/src/pages/Setup/index.tsx
index 740408b..8016b21 100644
--- a/frontend/src/pages/Setup/index.tsx
+++ b/frontend/src/pages/Setup/index.tsx
@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { FaCheck, FaDownload, FaExclamationTriangle, FaTimes, FaUpload } from 'react-icons/fa';
 import { MdSettings } from 'react-icons/md';
 import { getapi, isMediumScreen, postapi } from '../../js/utils';
-import { errorNotify, successNotify } from '../../js/utils';
+import { errorNotify, okNotify } from '../../js/utils';
 
 export default function SetupPage() {
     const [file, setFile] = useState<File | null>(null);
@@ -26,7 +26,7 @@ export default function SetupPage() {
             a.click();
             document.body.removeChild(a);
             URL.revokeObjectURL(url);
-            successNotify('Configuration exported successfully');
+            okNotify('Configuration exported successfully', '');
         } catch (err) {
             errorNotify('Failed to export configuration', String(err));
         } finally {
@@ -61,7 +61,7 @@ export default function SetupPage() {
             setImportResult(result);
             
             if (result.status === 'ok') {
-                successNotify('Configuration imported successfully');
+                okNotify('Configuration imported successfully', '');
             } else {
                 errorNotify('Configuration imported with errors', 'Check the results below');
             }
@@ -87,7 +87,7 @@ export default function SetupPage() {
             setImportResult(result);
             
             if (result.status === 'ok') {
-                successNotify('Configuration imported successfully');
+                okNotify('Configuration imported successfully', '');
             } else {
                 errorNotify('Configuration imported with errors', 'Check the results below');
             }