diff --git a/common/App.svelte b/common/App.svelte
index 936c07d..fb508ca 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -35,7 +35,7 @@
   <Logout />
   <Sidebar bind:page={$page} />
   <div class='overflow-hidden content-wrapper h-full z-10'>
-    <Toaster visibleToasts={6} position='top-right' theme='dark' richColors duration={10000} closeButton />
+    }} style="margin-top: var(--safe-area-top)"/>
     <TorrentModal />
     <Router bind:page={$page} />
   </div>
diff --git a/common/components/Search.svelte b/common/components/Search.svelte
index d413c8d..245a0b6 100644
--- a/common/components/Search.svelte
+++ b/common/components/Search.svelte
@@ -54,8 +54,8 @@
   }
 </script>
 
-<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
-  <div class='row'>
+<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form} >
+  <div class='row' style="padding-top: var(--safe-area-top)">
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
         <div class='material-symbols-outlined mr-10 font-size-30'>title</div>
diff --git a/common/views/Settings/Settings.svelte b/common/views/Settings/Settings.svelte
index ddc878e..42c8929 100644
--- a/common/views/Settings/Settings.svelte
+++ b/common/views/Settings/Settings.svelte
@@ -94,7 +94,7 @@
 </script>
 
 <Tabs>
-  <div class='d-flex w-full h-full position-relative settings root flex-md-row flex-column overflow-y-auto overflow-y-md-hidden' use:smoothScroll>
+  <div class='d-flex w-full h-full position-relative settings root flex-md-row flex-column overflow-y-auto overflow-y-md-hidden' style="padding-top: var(--safe-area-top)" use:smoothScroll>
     <div class='d-flex flex-column flex-row h-full w-md-300 bg-dark position-relative px-20 px-md-0 flex-basis-0-md-custom'>
       <div class='px-20 py-15 font-size-24 font-weight-semi-bold'>Settings</div>
       {#each Object.values(groups) as group}
diff --git a/common/views/WatchTogether/WatchTogether.svelte b/common/views/WatchTogether/WatchTogether.svelte
index e9f8f91..404b35d 100644
--- a/common/views/WatchTogether/WatchTogether.svelte
+++ b/common/views/WatchTogether/WatchTogether.svelte
@@ -173,7 +173,7 @@
   $: checkInvite(joinText)
 </script>
 
-<div class='d-flex h-full align-items-center flex-column content'>
+<div class='d-flex h-full align-items-center flex-column content' style="padding-top: var(--safe-area-top)">
   <div class='font-size-50 font-weight-bold pt-20 mt-20 root'>Watch Together</div>
   {#if !$state}
     <div class='d-flex flex-row flex-wrap justify-content-center align-items-center h-full mb-20 pb-20 root'>