diff --git a/dist/index.css b/dist/index.css
index b2f0a6b7..02533552 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -5,7 +5,7 @@
   --surface-hover: hsla(0, 0%, 91%, 40%);
   --surface-active: hsla(0, 0%, 78%, 40%);
 }
-@media (display-mode: browser) and (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: dark) {
   #home-page {
     --background-transparent: hsla(0, 0%, 5%, 30%);
     --surface: hsla(0, 0%, 5%, 30%);
@@ -217,12 +217,14 @@ main {
   border-right: 1px solid var(--border);
   overflow: auto;
   justify-content: space-between;
+  padding-bottom: var(--safe-area-bottom);
 }
 #chat-page #main .toolbar {
   height: var(--ribbon-size);
   border-bottom: 1px solid var(--border);
   overflow-x: auto;
   padding-left: var(--content-padding);
+  border-top: 1px solid var(--border);
 }
 #chat-page #ribbon,
 #chat-page .toolbar {
@@ -272,6 +274,9 @@ main {
   overflow: scroll;
   scroll-snap-align: center;
 }
+#home-page #overview-section {
+  padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
+}
 #home-page #chat-grid {
   margin-top: var(--content-padding);
   display: grid;
diff --git a/src/View/chatPage.css b/src/View/chatPage.css
index 69b5f0d2..f4974fbf 100644
--- a/src/View/chatPage.css
+++ b/src/View/chatPage.css
@@ -71,6 +71,8 @@
   overflow: auto;
 
   justify-content: space-between;
+
+  padding-bottom: var(--safe-area-bottom);
 }
 
 #chat-page #main .toolbar {
@@ -80,6 +82,7 @@
   overflow-x: auto;
 
   padding-left: var(--content-padding);
+  border-top: 1px solid var(--border);
 }
 
 #chat-page #ribbon,
diff --git a/src/View/homePage.css b/src/View/homePage.css
index c83a052e..cb8ed565 100644
--- a/src/View/homePage.css
+++ b/src/View/homePage.css
@@ -29,6 +29,10 @@
   scroll-snap-align: center;
 }
 
+#home-page #overview-section {
+  padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
+}
+
 #home-page #chat-grid {
   margin-top: var(--content-padding);
 
diff --git a/src/base.css b/src/base.css
index dcde81d7..9b0b54d2 100644
--- a/src/base.css
+++ b/src/base.css
@@ -5,7 +5,7 @@
   --surface-active: hsla(0, 0%, 78%, 40%);
 }
 
-@media (display-mode: browser) and (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: dark) {
   #home-page {
     --background-transparent: hsla(0, 0%, 5%, 30%);
     --surface: hsla(0, 0%, 5%, 30%);