diff --git a/src/main.ts b/src/main.ts
index 51bd26c..49d3b7c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,3 +1,4 @@
+import { Capacitor } from '@capacitor/core'
 import { createApp } from 'vue'
 import '@/style.scss'
 import '@fortawesome/fontawesome-free/css/all.min.css'
@@ -7,9 +8,10 @@ import { initializeFirebase } from '@/composables/useFirebase'
 import { StatusBar, Style } from '@capacitor/status-bar'
 import { Keyboard } from '@capacitor/keyboard'
 
-StatusBar.setStyle({ style: Style.Dark })
-Keyboard.setAccessoryBarVisible({ isVisible: true })
-
+if (Capacitor.isNativePlatform()) {
+  StatusBar.setStyle({ style: Style.Dark })
+  Keyboard.setAccessoryBarVisible({ isVisible: true })
+}
 initializeFirebase()
 
 const isDark = usePreferredDark()