diff --git a/components/common/OfflineChecker.vue b/components/common/OfflineChecker.vue
index 71c299a3..155efdcf 100644
--- a/components/common/OfflineChecker.vue
+++ b/components/common/OfflineChecker.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-defineProps<{
-  smallScreen: boolean
-}>()
 const online = useOnline()
 </script>
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 4bd08925..e72246ad 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -52,9 +52,9 @@ const showUserPicker = logicAnd(
         <div min-h="[calc(100vh-3.5rem)]" sm:min-h-screen>
           <slot />
         </div>
-        <div sm:hidden sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
-          <CommonOfflineChecker :small-screen="isHydrated" />
-          <NavBottom v-if="isHydrated" />
+        <div sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
+          <CommonOfflineChecker v-if="isHydrated" />
+          <NavBottom v-if="isHydrated" sm:hidden />
         </div>
       </div>
       <aside v-if="isHydrated && !wideLayout" class="hidden sm:none lg:block w-1/4 zen-hide">