diff --git a/packages/client/src/components/common/DockingPanel.vue b/packages/client/src/components/common/DockingPanel.vue
index 3f30857c..35101c88 100644
--- a/packages/client/src/components/common/DockingPanel.vue
+++ b/packages/client/src/components/common/DockingPanel.vue
@@ -52,7 +52,7 @@ watch(activeAppRecordId, (id) => {
       <VueDarkToggle>
         <template #default="{ isDark, toggle }">
           <VueButton outlined type="primary" @click="toggle">
-            <div i-carbon-sun dark:i-carbon-moon translate-y--1px /> {{ isDark.value ? 'Dark' : 'Light' }}
+            <div i-carbon-sun dark:i-carbon-moon translate-y--1px /> {{ isDark ? 'Dark' : 'Light' }}
           </VueButton>
         </template>
       </VueDarkToggle>
diff --git a/packages/ui/storybook/DarkToggle.story.vue b/packages/ui/storybook/DarkToggle.story.vue
index 2049e2f5..4826eeab 100644
--- a/packages/ui/storybook/DarkToggle.story.vue
+++ b/packages/ui/storybook/DarkToggle.story.vue
@@ -24,7 +24,7 @@ const dark = computed({
               toggle(e)
             }"
           >
-            <Icon :class="isDark.value ? 'i-carbon-moon' : 'i-carbon-sun'" />
+            <Icon :class="isDark ? 'i-carbon-moon' : 'i-carbon-sun'" />
           </Button>
         </template>
       </DarkToggle>