diff --git a/app/layout/layout.phtml b/app/layout/layout.phtml
index 9965f5850..48ada7183 100644
--- a/app/layout/layout.phtml
+++ b/app/layout/layout.phtml
@@ -10,7 +10,7 @@ if (_t('gen.dir') === 'rtl') {
 ?>>
 	<head>
 		<meta charset="UTF-8" />
-		<meta name="viewport" content="initial-scale=1.0" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
 		<?= FreshRSS_View::headStyle() ?>
 		<script id="jsonVars" type="application/json">
 <?php $this->renderHelper('javascript_vars'); ?>
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index bef421dd0..83b757e9f 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1458,6 +1458,7 @@ a.website:hover .favicon {
 	bottom: 0; left: 0;
 	width: 300px;
 	table-layout: fixed;
+	padding-bottom: env(safe-area-inset-bottom);
 }
 
 #nav_entries .item {
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 8d7391be4..ef04c4fd3 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1458,6 +1458,7 @@ a.website:hover .favicon {
 	bottom: 0; right: 0;
 	width: 300px;
 	table-layout: fixed;
+	padding-bottom: env(safe-area-inset-bottom);
 }
 
 #nav_entries .item {
