diff --git a/packages/client/src/components/document/fullscreen/index.module.scss b/packages/client/src/components/document/fullscreen/index.module.scss
index feb4571f..e26fe9c2 100644
--- a/packages/client/src/components/document/fullscreen/index.module.scss
+++ b/packages/client/src/components/document/fullscreen/index.module.scss
@@ -91,15 +91,20 @@
 
 .fullScreenToolbar {
   position: fixed;
-  bottom: 40px;
-  left: 50%;
+  bottom: 10px;
+  left: 10px;
   z-index: 2;
   padding: 12px;
   background-color: rgb(var(--semi-grey-9));
   border-radius: var(--semi-border-radius-medium);
-  transform: translateX(-50%);
+  opacity: 0.1;
   transition: opacity 0.3s ease-in-out;
 
+  &:hover {
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
+  }
+
   .selected {
     background-color: rgb(var(--semi-grey-8)) !important;
   }
diff --git a/packages/client/src/components/document/reader/public/index.tsx b/packages/client/src/components/document/reader/public/index.tsx
index d4d62983..ace592d0 100644
--- a/packages/client/src/components/document/reader/public/index.tsx
+++ b/packages/client/src/components/document/reader/public/index.tsx
@@ -149,7 +149,7 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
           }
           footer={
             <Space>
-              {!isMobile && <DocumentFullscreen data={data}/>}
+              {!isMobile && data && <DocumentFullscreen data={data}/>}
               <Tooltip content={currentWikiId ? '独立模式' : '嵌入模式'}>
                 <Button theme="borderless" type="tertiary" icon={<IconRoute />} onClick={toPublicWikiOrDocumentURL} />
               </Tooltip>