diff --git a/src/components/BackToTopAndRefreshButtons.vue b/src/components/BackToTopAndRefreshButtons.vue
index c6cc026a..cc690b16 100644
--- a/src/components/BackToTopAndRefreshButtons.vue
+++ b/src/components/BackToTopAndRefreshButtons.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import Button from '~/components/Button.vue'
+import { useBewlyApp } from '~/composables/useAppProvider'
 
-defineProps<{ showRefreshButton: boolean }>()
 const emit = defineEmits(['refresh', 'back-to-top'])
+
+const { reachTop } = useBewlyApp()
 </script>
 
 <template>
@@ -24,11 +26,11 @@ const emit = defineEmits(['refresh', 'back-to-top'])
         backdrop-filter: var(--bew-filter-glass-1);
       "
       transform-gpu
-      @click="showRefreshButton ? emit('refresh') : emit('back-to-top')"
+      @click="reachTop ? emit('refresh') : emit('back-to-top')"
     >
       <Transition name="fade">
         <div
-          v-if="showRefreshButton" i-line-md:rotate-270 text-lg shrink-0 rotate-90
+          v-if="reachTop" i-line-md:rotate-270 text-lg shrink-0 rotate-90
           absolute
         />
         <div v-else i-line-md:arrow-small-up text-lg shrink-0 absolute />
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index e77beb70..8202625a 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -367,7 +367,6 @@ provide<BewlyAppProvider>('BEWLY_APP', {
               <!-- control button group -->
               <BackToTopAndRefreshButtons
                 v-if="activatedPage !== AppPage.Search && !settings.moveBackToTopOrRefreshButtonToDock"
-                :show-refresh-button="!showTopBarMask"
                 @refresh="handleThrottledPageRefresh"
                 @back-to-top="handleBackToTop"
               />