diff --git a/src/pages/05_quotation/peview/ViewFooter.vue b/src/pages/05_quotation/peview/ViewFooter.vue
index 5a96fd71..fc9a34a5 100644
--- a/src/pages/05_quotation/peview/ViewFooter.vue
+++ b/src/pages/05_quotation/peview/ViewFooter.vue
@@ -23,21 +23,21 @@ defineProps<{
     <div class="footer-bottom">
       <section>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>ผู้สั่งซื้อสินค้า</span>
         </div>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>วันที่</span>
         </div>
       </section>
       <section>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>ผู้อนุมัติ</span>
         </div>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>วันที่</span>
         </div>
       </section>
@@ -64,7 +64,7 @@ defineProps<{
   justify-content: space-between;
 
   & > * {
-    width: 35%;
+    width: 38%;
   }
 }
 .footer-bottom {
@@ -77,7 +77,7 @@ defineProps<{
 
   & > * {
     display: flex;
-    width: 35%;
+    width: 38%;
     justify-content: space-around;
 
     & > * {
@@ -88,4 +88,11 @@ defineProps<{
     }
   }
 }
+
+.data-placeholder {
+  display: block;
+  min-width: 1.2in;
+  border-bottom: 1px dotted black;
+  margin-bottom: 2mm;
+}
 </style>