diff --git a/src/components/IssueDetails/index.tsx b/src/components/IssueDetails/index.tsx
index 725adc7c54..1a299cd80a 100644
--- a/src/components/IssueDetails/index.tsx
+++ b/src/components/IssueDetails/index.tsx
@@ -667,7 +667,7 @@ const IssueDetails = () => {
           </div>
         </div>
       </div>
-      <div className="h-16 sm:h-0" />
+      <div className="extra-bottom-space" />
     </div>
   );
 };
diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx
index c16dc63c6a..795ab7ded9 100644
--- a/src/components/MovieDetails/index.tsx
+++ b/src/components/MovieDetails/index.tsx
@@ -834,7 +834,7 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
         linkUrl={`/movie/${data.id}/similar`}
         hideWhenEmpty
       />
-      <div className="relative h-32 sm:h-8" />
+      <div className="extra-bottom-space relative" />
     </div>
   );
 };
diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index 5e50920755..5c59e4fb84 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -1016,7 +1016,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
         linkUrl={`/tv/${data.id}/similar`}
         hideWhenEmpty
       />
-      <div className="relative h-32 sm:h-8" />
+      <div className="extra-bottom-space relative" />
     </div>
   );
 };
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 82518e95fd..7598cb9b1d 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -507,6 +507,10 @@
       @apply hidden;
     }
   }
+
+  .extra-bottom-space {
+    height: calc(4rem + env(safe-area-inset-bottom));
+  }
 }
 
 .ptr--ptr {