diff --git a/src/components/Dashboard/Modals/EditService/Tabs/AppereanceTab/IconSelector/IconSelector.tsx b/src/components/Dashboard/Modals/EditService/Tabs/AppereanceTab/IconSelector/IconSelector.tsx
index 4d4e10b2d..2b4f9f640 100644
--- a/src/components/Dashboard/Modals/EditService/Tabs/AppereanceTab/IconSelector/IconSelector.tsx
+++ b/src/components/Dashboard/Modals/EditService/Tabs/AppereanceTab/IconSelector/IconSelector.tsx
@@ -53,7 +53,7 @@ export const IconSelector = ({
     }
 
     const matchingDebouncedIcon = data?.find(
-      (x) => replaceCharacters(x.fileName.split('.')[0]) === replaceCharacters(form.values.name)
+      (x) => replaceCharacters(x.fileName.split('.')[0]) === replaceCharacters(debouncedValue)
     );
 
     if (!matchingDebouncedIcon) {
@@ -61,7 +61,7 @@ export const IconSelector = ({
     }
 
     form.setFieldValue('appearance.iconUrl', matchingDebouncedIcon.url);
-  }, [form.values.name]);
+  }, [debouncedValue]);
 
   if (isLoading || !data) {
     return <Loader />;