diff --git a/styles/globals.css b/styles/globals.css
index 2b8f568f..bdc13fe9 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -264,3 +264,11 @@ a.avatar-wrapper {
   writing-mode: vertical-rl; /* 竖向排列从右向左 */
   text-orientation: upright; /* 文字方向正常 */
 }
+
+/* Chatbase 在移动端禁止遮挡 */
+@media (max-width: 700px) {
+  button#chatbase-bubble-button {
+    margin-bottom: 42px;
+    margin-right: 20px;
+  }
+}
diff --git a/themes/gitbook/index.js b/themes/gitbook/index.js
index 0eefd49a..5d4255e1 100644
--- a/themes/gitbook/index.js
+++ b/themes/gitbook/index.js
@@ -129,7 +129,7 @@ const LayoutBase = props => {
 
       <div
         id='theme-gitbook'
-        className={`${siteConfig('FONT_STYLE')} scroll-smooth bg-white dark:bg-hexo-black-gray w-full h-full min-h-screen justify-center dark:text-gray-300`}>
+        className={`${siteConfig('FONT_STYLE')} pb-16 md:pb-0 scroll-smooth bg-white dark:bg-hexo-black-gray w-full h-full min-h-screen justify-center dark:text-gray-300`}>
         <AlgoliaSearchModal cRef={searchModal} {...props} />
 
         {/* 顶部导航栏 */}