diff --git a/src/components/userGacha/gro-data-view.vue b/src/components/userGacha/gro-data-view.vue
index ba6e230b..abca0eec 100644
--- a/src/components/userGacha/gro-data-view.vue
+++ b/src/components/userGacha/gro-data-view.vue
@@ -93,6 +93,7 @@
   </div>
 </template>
 <script lang="ts" setup>
+import { getCurrentWindow } from "@tauri-apps/api/window";
 import { computed, nextTick, onMounted, ref, shallowRef, useTemplateRef, watch } from "vue";
 
 import GroDataLine, { type GroDataLineProps } from "./gro-data-line.vue";
@@ -105,6 +106,7 @@ type GachaDataViewProps = {
 };
 
 const props = defineProps<GachaDataViewProps>();
+const curWin = getCurrentWindow();
 
 // Template refs for dynamic height calculation
 const groDvBoxEl = useTemplateRef<HTMLElement>("groDvBoxRef");
@@ -163,6 +165,11 @@ watch(
   },
 );
 
+curWin.onResized(async () => {
+  await nextTick();
+  calculateHeights();
+});
+
 function loadData(): void {
   title.value = getTitle();
   const tempData = props.dataVal;