diff --git a/components/app/AudioPlayerContainer.vue b/components/app/AudioPlayerContainer.vue
index d3dac020..ca9bb8c1 100644
--- a/components/app/AudioPlayerContainer.vue
+++ b/components/app/AudioPlayerContainer.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <div id="streamContainer">
-      <app-audio-player ref="audioPlayer" :playing.sync="isPlaying" :bookmarks="bookmarks" :sleep-timer-running="isSleepTimerRunning" :sleep-time-remaining="sleepTimeRemaining" @selectPlaybackSpeed="showPlaybackSpeedModal = true" @updateTime="(t) => (currentTime = t)" @showSleepTimer="showSleepTimer" @showBookmarks="showBookmarks" @hook:mounted="audioPlayerMounted" />
+      <app-audio-player ref="audioPlayer" :playing.sync="isPlaying" :bookmarks="bookmarks" :sleep-timer-running="isSleepTimerRunning" :sleep-time-remaining="sleepTimeRemaining" @selectPlaybackSpeed="showPlaybackSpeedModal = true" @updateTime="(t) => (currentTime = t)" @showSleepTimer="showSleepTimer" @showBookmarks="showBookmarks" />
     </div>
 
     <modals-playback-speed-modal v-model="showPlaybackSpeedModal" :playback-rate.sync="playbackSpeed" @update:playbackRate="updatePlaybackSpeed" @change="changePlaybackSpeed" />
     <modals-sleep-timer-modal v-model="showSleepTimerModal" :current-time="sleepTimeRemaining" :sleep-timer-running="isSleepTimerRunning" :current-end-of-chapter-time="currentEndOfChapterTime" @change="selectSleepTimeout" @cancel="cancelSleepTimer" @increase="increaseSleepTimer" @decrease="decreaseSleepTimer" />
-    <modals-bookmarks-modal v-model="showBookmarksModal" :audiobook-id="audiobookId" :bookmarks="bookmarks" :current-time="currentTime" @select="selectBookmark" />
+    <modals-bookmarks-modal v-model="showBookmarksModal" :bookmarks="bookmarks" :current-time="currentTime" @select="selectBookmark" />
   </div>
 </template>
 
@@ -27,7 +27,7 @@ export default {
       currentTime: 0,
       isSleepTimerRunning: false,
       sleepTimerEndTime: 0,
-      sleepTimerRemaining: 0,
+      sleepTimeRemaining: 0,
       onSleepTimerEndedListener: null,
       onSleepTimerSetListener: null,
       sleepInterval: null,
diff --git a/components/connection/ServerConnectForm.vue b/components/connection/ServerConnectForm.vue
index 976e5219..ea3201e2 100644
--- a/components/connection/ServerConnectForm.vue
+++ b/components/connection/ServerConnectForm.vue
@@ -105,9 +105,9 @@ export default {
     networkConnected() {
       return this.$store.state.networkConnected
     },
-    serverConnectionConfigs() {
-      return this.deviceData ? this.deviceData.serverConnectionConfigs || [] : []
-    },
+    // serverConnectionConfigs() {
+    //   return this.deviceData ? this.deviceData.serverConnectionConfigs || [] : []
+    // },
     lastServerConnectionConfigId() {
       return this.deviceData ? this.deviceData.lastServerConnectionConfigId : null
     },
diff --git a/layouts/default.vue b/layouts/default.vue
index e13a878d..6d1934d1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -73,6 +73,7 @@ export default {
       }
     },
     async checkForUpdate() {
+      if (this.$platform == 'web') return
       console.log('Checking for app update')
       const result = await AppUpdate.getAppUpdateInfo()
       if (!result) {
diff --git a/pages/bookshelf/index.vue b/pages/bookshelf/index.vue
index 3d72868a..e29e1f24 100644
--- a/pages/bookshelf/index.vue
+++ b/pages/bookshelf/index.vue
@@ -124,6 +124,7 @@ export default {
   },
   methods: {
     async fetchCategories() {
+      if (!this.currentLibraryId) return null
       var categories = await this.$axios
         .$get(`/api/libraries/${this.currentLibraryId}/personalized?minified=1`)
         .then((data) => {
diff --git a/pages/connect.vue b/pages/connect.vue
index e0c88514..1fe23b63 100644
--- a/pages/connect.vue
+++ b/pages/connect.vue
@@ -12,7 +12,7 @@
 
       <!-- <p class="absolute bottom-16 left-0 right-0 px-2 text-center text-error"><strong>Important!</strong> This app requires that you are running <u>your own server</u> and does not provide any content.</p> -->
 
-      <connection-server-connect-form :server-connection-configs="serverConnectionConfigs" :last-server-connection-config="lastServerConnectionConfig" />
+      <connection-server-connect-form />
     </div>
 
     <div class="flex items-center justify-center pt-4 fixed bottom-4 left-0 right-0">
diff --git a/plugins/init.client.js b/plugins/init.client.js
index 789ce1b8..dc89edc8 100644
--- a/plugins/init.client.js
+++ b/plugins/init.client.js
@@ -3,13 +3,16 @@ import { App } from '@capacitor/app'
 import { Dialog } from '@capacitor/dialog'
 import { StatusBar, Style } from '@capacitor/status-bar';
 import { formatDistance, format } from 'date-fns'
+import { Capacitor } from '@capacitor/core';
 
 Vue.prototype.$eventBus = new Vue()
 
-const setStatusBarStyleDark = async () => {
-  await StatusBar.setStyle({ style: Style.Dark })
+if (Capacitor.getPlatform() != 'web') {
+  const setStatusBarStyleDark = async () => {
+    await StatusBar.setStyle({ style: Style.Dark })
+  }
+  setStatusBarStyleDark()
 }
-setStatusBarStyleDark()
 
 App.addListener('backButton', async ({ canGoBack }) => {
   if (!canGoBack) {