diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue
index aa085771e2e06424aa5fbe060191dab96f433892..d078e392a4e13615a5b0b206a125993700440306 100644
--- a/src/components/Configurator.vue
+++ b/src/components/Configurator.vue
@@ -61,7 +61,13 @@
               class="color-list__item"
               @click="setWidgetColor(s.widgetType, fillColor)"
             >
-              <div :style="{ background: fillColor }" class="bg-color" />
+              <div
+                :style="{ background: fillColor }"
+                class="bg-color"
+                :class="{
+                  active: fillColor === getWidgetColor(s.widgetType),
+                }"
+              />
             </li>
           </ul>
         </details>
@@ -204,6 +210,12 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
     })
   }
 }
+
+function getWidgetColor(type: string) {
+  if (type === WidgetType.Tops || type === WidgetType.Clothes) {
+    return avatarOption.value.widgets[type]?.fillColor
+  } else return ''
+}
 </script>
 
 <style lang="scss" scoped>