diff --git a/src/material/Scaffold.css b/src/material/Scaffold.css
index 56b2cd0..b4a7c74 100644
--- a/src/material/Scaffold.css
+++ b/src/material/Scaffold.css
@@ -32,7 +32,6 @@
   left: 0;
   right: 0;
   z-index: var(--tutu-zidx-nav, auto);
-  padding-bottom: var(--safe-area-inset-bottom, 0);
 }
 
 .Scaffold {
diff --git a/src/timelines/TootComposer.tsx b/src/timelines/TootComposer.tsx
index 50d5e0e..5693332 100644
--- a/src/timelines/TootComposer.tsx
+++ b/src/timelines/TootComposer.tsx
@@ -98,7 +98,7 @@ const TootVisibilityPickerDialog: Component<{
             style={{
               "border-top": "1px solid #ddd",
               background: "var(--tutu-color-surface)",
-              padding: "8px 16px",
+              padding: "8px 16px calc(8px + var(--safe-area-inset-bottom, 0px))",
               width: "100%",
               "text-align": "end",
             }}