diff --git a/app/components/Settings/BottomScreen/Menus/User/Color.vue b/app/components/Settings/BottomScreen/Menus/User/Color.vue
index 5995797..b49b244 100644
--- a/app/components/Settings/BottomScreen/Menus/User/Color.vue
+++ b/app/components/Settings/BottomScreen/Menus/User/Color.vue
@@ -4,6 +4,7 @@ const { onRender, onClick } = useScreen();
 const app = useAppStore();
 const store = useSettingsStore();
 const { assets } = useAssets();
+const confirmationModal = useConfirmationModal();
 
 const GRID_SIZE = 4;
 const GRID_START_X = 32;
@@ -105,16 +106,14 @@ const handleCancel = () => {
   store.closeSubMenu();
 };
 
-const { open: openModal, close: closeModal } = useConfirmationModal();
-
 const handleConfirm = () => {
   app.save();
-  openModal({
-    text: "hey",
+  confirmationModal.open({
+    text: $t("settings.user.color.confirmation"),
+    onClosed: () => store.closeSubMenu(),
   });
   setTimeout(() => {
-    closeModal();
-    store.closeSubMenu();
+    confirmationModal.close();
   }, 2000);
 };
 </script>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 7a26dc9..7b5b889 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -33,7 +33,8 @@
 
       "color": {
         "title": "Color",
-        "description": "Select your favorite color."
+        "description": "Select your favorite color.",
+        "confirmation": "Color setting saved."
       }
     },
     "touchScreen": {