diff --git a/src/layout/components/RightPanel/index.vue b/src/layout/components/RightPanel/index.vue
index ecbd549f..54727481 100644
--- a/src/layout/components/RightPanel/index.vue
+++ b/src/layout/components/RightPanel/index.vue
@@ -2,18 +2,19 @@
 import { ref } from "vue"
 import { Setting } from "@element-plus/icons-vue"
 
-defineProps({
+const props = defineProps({
   buttonTop: {
     type: Number,
     default: 250
   }
 })
 
+const buttonTopCss = props.buttonTop + "px"
 const show = ref(false)
 </script>
 
 <template>
-  <div class="handle-button" :style="{ top: buttonTop + 'px' }" @click="show = true">
+  <div class="handle-button" @click="show = true">
     <el-icon :size="24">
       <Setting />
     </el-icon>
@@ -29,8 +30,8 @@ const show = ref(false)
   height: 48px;
   background-color: var(--v3-rightpanel-button-bg-color);
   position: absolute;
+  top: v-bind(buttonTopCss);
   right: 0px;
-  text-align: center;
   font-size: 24px;
   border-radius: 6px 0 0 6px !important;
   z-index: 10;