diff --git a/src/components/04_product-service/ServiceProperties.vue b/src/components/04_product-service/ServiceProperties.vue
index 34cab999..652d40bc 100644
--- a/src/components/04_product-service/ServiceProperties.vue
+++ b/src/components/04_product-service/ServiceProperties.vue
@@ -110,7 +110,7 @@ function confirmDelete(items: unknown[], index: number) {
 }
 </script>
 <template>
-  <div class="full-width column no-wrap" style="height: 50vh">
+  <div class="full-width column no-wrap">
     <div class="row">
       <q-btn-dropdown
         icon="mdi-plus"
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index ed844697..40eb848b 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1587,6 +1587,7 @@ watch(currentStatus, async () => {
   <FormDialog
     no-address
     no-app-box
+    height="75vh"
     width="75%"
     title="Properties"
     v-model:modal="propertiesDialog"
@@ -1619,6 +1620,7 @@ watch(currentStatus, async () => {
     no-address
     no-app-box
     no-footer
+    height="65vh"
     width="65%"
     title="จัดการ"
     v-model:modal="manageWorkNameDialog"