diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index 65602e3..111ddfc 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -90,6 +90,7 @@
             <flux:button x-on:click="$flux.dark = ! $flux.dark" variant="subtle" aria-label="Toggle dark mode">
                 <flux:icon.sun x-show="$flux.appearance === 'dark'" variant="mini" />
                 <flux:icon.moon x-show="$flux.appearance === 'light'" variant="mini" />
+                <flux:icon.computer-desktop x-show="$flux.appearance === 'system'" variant="mini" />
             </flux:button>
             </flux:tooltip>
             <flux:dropdown position="top" align="start">