diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 4f99f50e..e7a5436d 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -47,6 +47,7 @@ import {
   UndoButton,
   DeleteButton,
   CancelButton,
+  MainButton,
 } from 'components/button';
 import ProductServiceForm from './ProductServiceForm.vue';
 import QuotationFormInfo from './QuotationFormInfo.vue';
@@ -881,17 +882,14 @@ function storeDataLocal() {
 
     <footer class="surface-1 q-pa-md full-width">
       <div class="row full-width justify-between">
-        <q-btn
-          dense
-          outline
-          color="primary"
-          class="rounded"
-          padding="2px 8px"
+        <MainButton
+          outlined
+          icon="mdi-play-box-outline"
+          color="207 96% 32%"
           @click="storeDataLocal"
         >
-          <q-icon name="mdi-play-box-outline" size="xs" class="q-mr-xs" />
           {{ $t('general.view', { msg: $t('general.example') }) }}
-        </q-btn>
+        </MainButton>
         <div class="row" style="gap: var(--size-2)">
           <CancelButton solid @click="closeTab()" />
           <SaveButton