diff --git a/js/src/views/Settings/Preferences.vue b/js/src/views/Settings/Preferences.vue
index 7e82a5c3b..876daa270 100644
--- a/js/src/views/Settings/Preferences.vue
+++ b/js/src/views/Settings/Preferences.vue
@@ -39,11 +39,12 @@
           </optgroup>
         </b-select>
       </b-field>
-      <em>{{
+      <em v-if="Intl.DateTimeFormat().resolvedOptions().timeZone">{{
         $t("Timezone detected as {timezone}.", {
           timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
         })
       }}</em>
+      <b-message v-else type="is-danger">{{ $t("Unable to detect timezone.") }}</b-message>
     </div>
   </div>
 </template>