diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index 36be0885..e674ec62 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -46,6 +46,8 @@ const productItems = defineModel<(Product & { nameEn: string })[]>(
   },
 );
 
+const refMenu = ref();
+
 defineEmits<{
   (e: 'moveWorkUp'): void;
   (e: 'moveWorkDown'): void;
@@ -127,7 +129,13 @@ watch(
                   }}
                 </span>
               </span>
-              <q-menu v-if="!readonly" fit anchor="bottom left" self="top left">
+              <q-menu
+                v-if="!readonly"
+                fit
+                ref="refMenu"
+                self="top left"
+                anchor="bottom left"
+              >
                 <q-item>
                   <div class="full-width flex items-center justify-between">
                     {{ $t('productService.service.workName') }}
@@ -139,7 +147,12 @@ watch(
                         border-radius: var(--radius-2);
                         color: hsl(var(--info-bg));
                       "
-                      @click.stop="$emit('manageWorkName')"
+                      @click.stop="
+                        () => {
+                          refMenu.hide();
+                          $emit('manageWorkName');
+                        }
+                      "
                     >
                       <q-icon name="mdi-cog" size="xs" class="q-mr-sm" />
                       {{ $t('general.manage') }}