diff --git a/packages/client/src/elements/IconButton.svelte b/packages/client/src/elements/IconButton.svelte
index d76c50e..0de87d8 100644
--- a/packages/client/src/elements/IconButton.svelte
+++ b/packages/client/src/elements/IconButton.svelte
@@ -14,8 +14,8 @@
 </script>
 
 <button
-  class={`${$$props.class || ''} flex items-center justify-center rounded p-1 hover:bg-gray-200`}
   {...$$restProps}
+  class={`${$$props.class || ''} flex items-center justify-center rounded p-1 hover:bg-gray-200`}
   on:click
 >
   <Icon {icon} width={size} />
diff --git a/packages/client/src/routes/(site)/+page.svelte b/packages/client/src/routes/(site)/+page.svelte
index 8faf518..87f76b2 100644
--- a/packages/client/src/routes/(site)/+page.svelte
+++ b/packages/client/src/routes/(site)/+page.svelte
@@ -165,9 +165,7 @@
 >
   MIDI Note Trainer
   <div class="flex items-center justify-center">
-    <button class="rounded p-2 hover:bg-gray-200" on:click={handleReset}>
-      <Icon icon={restore} width={24} />
-    </button>
+    <IconButton class="p-2" icon={restore} size={24} on:click={handleReset} />
   </div>
 </h1>