diff --git a/app/.vitepress/src/components/FloatingButton.vue b/app/.vitepress/src/components/FloatingButton.vue
index 942be7c77adee5f3bdeeb95950036be92c4cf0af..e27d68e3b297af2cdcd6e2823e1594ecf66b42b2 100644
--- a/app/.vitepress/src/components/FloatingButton.vue
+++ b/app/.vitepress/src/components/FloatingButton.vue
@@ -72,7 +72,7 @@ onMounted(() => {
   <div v-if="gtPhone" class="feedback-home">
     <div class="feedback-wrap">
       <FloatingButtonHome />
-      <div v-if="showBackTop" class="nav-box2" :class="[isDark ? 'dark-nav' : '']" @click="scrollToTop(0)">
+      <div v-if="showBackTop" class="container back-top" :class="[isDark ? 'dark-nav' : '']" @click="scrollToTop(0)">
         <OIcon class="icon-top"><IconTop /> </OIcon>
       </div>
     </div>
@@ -200,4 +200,23 @@ onMounted(() => {
     }
   }
 }
+
+.container {
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  box-shadow: var(--o-shadow-2);
+}
+
+.back-top {
+  margin-top: 12px;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+
+.icon-top {
+  font-size: var(--o-font_size-h2);
+}
 </style>
diff --git a/app/.vitepress/src/components/doc/DocPagination.vue b/app/.vitepress/src/components/doc/DocPagination.vue
index eac4c7b7f92881cdc3f808f3add102882c806c47..f70b32abe036842b8555669fa2a058f25352b287 100644
--- a/app/.vitepress/src/components/doc/DocPagination.vue
+++ b/app/.vitepress/src/components/doc/DocPagination.vue
@@ -169,6 +169,7 @@ const config = computed(() => {
 
 .pre-text,
 .next-text {
+  white-space: nowrap;
   @include respond-to('phone') {
     padding: 0;
   }