diff --git a/src/pages/Ticket/Card/TicketVolume.vue b/src/pages/Ticket/Card/TicketVolume.vue
index 3c9f579d4..71b16f878 100644
--- a/src/pages/Ticket/Card/TicketVolume.vue
+++ b/src/pages/Ticket/Card/TicketVolume.vue
@@ -11,6 +11,7 @@ import { useStateStore } from 'stores/useStateStore';
 import { dashIfEmpty } from 'src/filters';
 import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
+import RightMenu from 'src/components/common/RightMenu.vue';
 
 const route = useRoute();
 const stateStore = useStateStore();
@@ -23,7 +24,7 @@ watch(
     async () => {
         await nextTick();
         salesRef.value?.fetch();
-    }
+    },
 );
 
 const salesFilter = computed(() => ({
@@ -100,29 +101,28 @@ onMounted(() => (stateStore.rightDrawer = true));
         @on-fetch="(data) => applyVolumes(data)"
         auto-load
     />
-    <Teleport
-        to="#right-panel"
-        v-if="stateStore.isHeaderMounted() && packingTypeVolume.length"
-    >
-        <QCard
-            v-for="(packingType, index) in packingTypeVolume"
-            :key="index"
-            class="q-pa-md q-mb-md q-ma-md color-vn-text"
-            bordered
-            flat
-            style="border-color: black"
-        >
-            <QCardSection class="column items-center" horizontal>
-                <span>
-                    {{ t('volume.type') }}:
-                    {{ dashIfEmpty(packingType.description) }}
-                </span>
-            </QCardSection>
-            <QCardSection class="column items-center" horizontal>
-                <span> {{ t('volume.volume') }}: {{ packingType.volume }} </span>
-            </QCardSection>
-        </QCard>
-    </Teleport>
+    <RightMenu>
+        <template #right-panel>
+            <QCard
+                v-for="(packingType, index) in packingTypeVolume"
+                :key="index"
+                class="q-pa-md q-mb-md q-ma-md color-vn-text"
+                bordered
+                flat
+                style="border-color: black"
+            >
+                <QCardSection class="column items-center" horizontal>
+                    <span>
+                        {{ t('volume.type') }}:
+                        {{ dashIfEmpty(packingType.description) }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="column items-center" horizontal>
+                    <span> {{ t('volume.volume') }}: {{ packingType.volume }} </span>
+                </QCardSection>
+            </QCard>
+        </template>
+    </RightMenu>
     <VnTable
         ref="tableRef"
         data-key="TicketVolume"