diff --git a/plugins/view-resources/src/components/ViewOptionsPopup.svelte b/plugins/view-resources/src/components/ViewOptionsPopup.svelte
index b6d9ed6f74..1b2cbd7ee6 100644
--- a/plugins/view-resources/src/components/ViewOptionsPopup.svelte
+++ b/plugins/view-resources/src/components/ViewOptionsPopup.svelte
@@ -12,17 +12,19 @@
 <div class="antiCard">
   <div class="antiCard-group grid">
     {#each config as model}
-      {@const value = viewOptions[model.key]}
       <span class="label"><Label label={model.label} /></span>
       <div class="value">
         {#if isToggleType(model)}
-          <MiniToggle on={value} on:change={() => dispatch('update', { key: model.key, value: !value })} />
+          <MiniToggle
+            on={viewOptions[model.key]}
+            on:change={() => dispatch('update', { key: model.key, value: !viewOptions[model.key] })}
+          />
         {:else if isDropdownType(model)}
           {@const items = model.values.filter(({ hidden }) => !hidden?.(viewOptions))}
           <DropdownLabelsIntl
             label={model.label}
             {items}
-            selected={value}
+            selected={viewOptions[model.key]}
             width="10rem"
             justify="left"
             on:selected={(e) => dispatch('update', { key: model.key, value: e.detail })}