diff --git a/src/components/FloatingConfigurator.vue b/src/components/FloatingConfigurator.vue
index 1dd31d1..4aea782 100644
--- a/src/components/FloatingConfigurator.vue
+++ b/src/components/FloatingConfigurator.vue
@@ -7,7 +7,7 @@ const { toggleDarkMode, isDarkTheme } = useLayout();
 
 <template>
     <div class="fixed flex gap-4 top-8 right-8">
-        <Button type="button" @click="toggleDarkMode" rounded :icon="{ 'pi pi-moon': isDarkTheme, 'pi pi-sun': !isDarkTheme }" severity="secondary" />
+        <Button type="button" @click="toggleDarkMode" rounded :icon="isDarkTheme ? 'pi pi-moon' : 'pi pi-sun'" severity="secondary" />
         <div class="relative">
             <Button
                 icon="pi pi-palette"