diff --git a/src/lib/pages/ShutdownRitualPage.svelte b/src/lib/pages/ShutdownRitualPage.svelte
index 2bf3488..e367401 100644
--- a/src/lib/pages/ShutdownRitualPage.svelte
+++ b/src/lib/pages/ShutdownRitualPage.svelte
@@ -19,6 +19,8 @@
   import { Moon, ArrowLeft } from 'lucide-svelte';
   import { page } from '$lib/stores/page.svelte.js';
   import { hasTauriRuntime } from '$lib/utils/runtime.js';
+  import LumotiaButton from '$lib/ui/LumotiaButton.svelte';
+  import LumotiaIconButton from '$lib/ui/LumotiaIconButton.svelte';
 
   interface TaskRow {
     id: string;
@@ -72,14 +74,7 @@
 
 <div class="flex flex-col h-full bg-bg overflow-y-auto">
   <div class="flex items-center gap-3 px-7 pt-6 pb-3">
-    <button
-      type="button"
-      class="p-1.5 rounded-lg text-text-tertiary hover:text-text hover:bg-hover"
-      onclick={close}
-      aria-label="Back to dictation"
-    >
-      <ArrowLeft size={16} aria-hidden="true" />
-    </button>
+    <LumotiaIconButton icon={ArrowLeft} label="Back to dictation" size="sm" onclick={close} />
     <Moon size={18} class="text-text-secondary" aria-hidden="true" />
     <h1 class="font-display text-[26px] italic text-text">Wind down</h1>
   </div>
@@ -156,13 +151,7 @@
       </section>
 
       <div class="pt-2">
-        <button
-          type="button"
-          class="px-4 py-2 rounded-lg bg-accent btn-filled-text text-[12px] font-medium hover:bg-accent-hover"
-          onclick={close}
-        >
-          Close
-        </button>
+        <LumotiaButton variant="primary" onclick={close}>Close</LumotiaButton>
       </div>
     {/if}
   </div>