diff --git a/quasar.config.ts b/quasar.config.ts
index 9ce93693..62eba0be 100644
--- a/quasar.config.ts
+++ b/quasar.config.ts
@@ -35,6 +35,7 @@ export default configure((ctx) => {
     devServer: {
       host: '0.0.0.0',
       open: false,
+      port: 5173,
     },
     framework: {
       config: {},
diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 39826b63..531ff079 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -59,7 +59,7 @@ import {
   CloseButton,
   MainButton,
 } from 'components/button';
-import ProductServiceForm from './ProductServiceForm.vue';
+import QuotationFormProductSelect from './QuotationFormProductSelect.vue';
 import QuotationFormInfo from './QuotationFormInfo.vue';
 import ProfileBanner from 'components/ProfileBanner.vue';
 import DialogForm from 'components/DialogForm.vue';
@@ -1581,7 +1581,7 @@ const view = ref<View>(View.Quotation);
 
     <!-- add product service -->
 
-    <ProductServiceForm
+    <QuotationFormProductSelect
       v-model="pageState.productServiceModal"
       v-model:nodes="productServiceNodes"
       v-model:product-group="productGroup"
@@ -1606,7 +1606,7 @@ const view = ref<View>(View.Quotation);
           }
         }
       "
-    ></ProductServiceForm>
+    ></QuotationFormProductSelect>
   </div>
 
   <!-- NOTE: START - Employee Add Form -->
diff --git a/src/pages/05_quotation/ProductServiceForm.vue b/src/pages/05_quotation/QuotationFormProductSelect.vue
similarity index 100%
rename from src/pages/05_quotation/ProductServiceForm.vue
rename to src/pages/05_quotation/QuotationFormProductSelect.vue