diff --git a/src/pages/Customer/Card/CustomerUnpaid.vue b/src/pages/Customer/Card/CustomerUnpaid.vue
index 513333c72..78500cff2 100644
--- a/src/pages/Customer/Card/CustomerUnpaid.vue
+++ b/src/pages/Customer/Card/CustomerUnpaid.vue
@@ -3,16 +3,17 @@ import { computed, onBeforeMount, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
-import axios from 'axios';
-
-import useNotify from 'src/composables/useNotify';
-
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify';
+import { useStateStore } from 'stores/useStateStore';
+
 const { t } = useI18n();
 const route = useRoute();
 const { notify } = useNotify();
+const stateStore = useStateStore();
 
 const initialDated = '2001-01-01T11:00:00.000Z';
 const unpaidClient = ref(false);
@@ -98,7 +99,7 @@ const onSubmit = async () => {
 </script>
 
 <template>
-    <Teleport to="#st-actions">
+    <Teleport v-if="stateStore?.isSubToolbarShown()" to="#st-actions">
         <QBtnGroup push class="q-gutter-x-sm">
             <QBtn
                 :disabled="!hasChanged"