diff --git a/src/App.css b/src/App.css
index 94a85cc..5c548d8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -65,3 +65,12 @@ h6 {
     opacity: 0.75;
   }
 }
+
+#downloadAll {
+  position: absolute;
+  right: 0;
+  bottom: 72px;
+  width: 48px;
+  height: 48px;
+  margin: 10px;
+}
diff --git a/src/components/AppRoot.tsx b/src/components/AppRoot.tsx
index 696c46d..dbee96a 100644
--- a/src/components/AppRoot.tsx
+++ b/src/components/AppRoot.tsx
@@ -15,7 +15,6 @@ import { Bounce, ToastContainer } from 'react-toastify';
 import { SettingsHome } from '~/features/settings/SettingsHome';
 import { FAQ_PAGES } from '~/faq/FAQPages';
 import { FaqHome } from '~/faq/FaqHome';
-import { DownloadAll } from '~/components/DownloadAll.tsx';
 
 // Private to this file only.
 const store = setupStore();
@@ -72,7 +71,6 @@ export function AppRoot() {
           transition={Bounce}
         />
 
-        <DownloadAll />
         <Footer />
       </Provider>
     </BrowserRouter>
diff --git a/src/components/DownloadAll.tsx b/src/components/DownloadAll.tsx
index bc9abae..e31e8ee 100644
--- a/src/components/DownloadAll.tsx
+++ b/src/components/DownloadAll.tsx
@@ -62,12 +62,7 @@ export function DownloadAll() {
   };
 
   return (
-    <button
-      style={{ width: '48px', height: '48px', paddingInline: '0px', margin: '10px', marginLeft: 'auto' }}
-      className="btn btn-primary"
-      onClick={onClickDownloadAll}
-      title="下载全部"
-    >
+    <button className="btn btn-primary" id="downloadAll" onClick={onClickDownloadAll} title="下载全部">
       <FaDownload />
     </button>
   );
diff --git a/src/tabs/MainTab.tsx b/src/tabs/MainTab.tsx
index 3491ce1..b541762 100644
--- a/src/tabs/MainTab.tsx
+++ b/src/tabs/MainTab.tsx
@@ -1,5 +1,6 @@
 import { RiErrorWarningLine } from 'react-icons/ri';
 import { SelectFile } from '../components/SelectFile';
+import { DownloadAll } from '~/components/DownloadAll.tsx';
 
 import { FileListing } from '~/features/file-listing/FileListing';
 import { useAppDispatch, useAppSelector } from '~/hooks.ts';
@@ -39,6 +40,7 @@ export function MainTab() {
         <div className="w-full mt-4">
           <FileListing />
         </div>
+        <DownloadAll />
       </div>
     </div>
   );