diff --git a/packages/core/package.json b/packages/core/package.json
index c8d67cfb..b501d9af 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.96",
+  "version": "0.0.97",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/core/src/lib/modal.svelte b/packages/core/src/lib/modal.svelte
index 86a668da..a0808755 100644
--- a/packages/core/src/lib/modal.svelte
+++ b/packages/core/src/lib/modal.svelte
@@ -96,7 +96,7 @@ $: headingElement?.focus();
       )}
     >
       <IconButton
-        class="absolute right-4 top-4 text-gray-6"
+        cx="absolute right-4 top-4 text-gray-6"
         icon="close"
         label="Close modal"
         on:click={handleCloseModal}
@@ -107,7 +107,7 @@ $: headingElement?.focus();
         <h2
           bind:this={headingElement}
           tabindex="-1"
-          class="pr-12 text-lg font-semibold"
+          class="pr-12 text-lg font-semibold text-default"
         >
           <slot name="title" />
         </h2>
diff --git a/packages/core/src/routes/+page.svelte b/packages/core/src/routes/+page.svelte
index 9e245608..f7ef2066 100644
--- a/packages/core/src/routes/+page.svelte
+++ b/packages/core/src/routes/+page.svelte
@@ -1082,13 +1082,13 @@ const onHoverDelayMsInput = (event: Event) => {
       >
       <Button
         slot="primary"
+        variant="dark"
         on:click={() => notify.success('Howdy Message', 'Howdy Partner')}
       >
         Notify howdy
       </Button>
       <Button
         slot="secondary"
-        variant="dark"
         on:click={handleCloseModal}
       >
         Cancel
diff --git a/packages/storybook/src/stories/modal.stories.svelte b/packages/storybook/src/stories/modal.stories.svelte
index 558705ee..dc67dbd2 100644
--- a/packages/storybook/src/stories/modal.stories.svelte
+++ b/packages/storybook/src/stories/modal.stories.svelte
@@ -20,13 +20,13 @@ let smallModalOpen = false;
       <svelte:fragment slot="message">This is a small modal.</svelte:fragment>
       <Button
         slot="primary"
+        variant="dark"
         on:click={() => console.log('Primary button clicked')}
       >
         Primary
       </Button>
       <Button
         slot="secondary"
-        variant="dark"
         on:click={() => console.log('Secondary button clicked')}
       >
         Secondary