diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 151b16cc5..7858137d8 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     export let submit = false;
     export let secondary = false;
-    export let outline = false;
+    export let tertiary = false;
     export let text = false;
     export let danger = false;
     export let disabled = false;
@@ -20,7 +20,7 @@
         class="button"
         class:is-only-icon={round}
         class:is-secondary={secondary}
-        class:is-outline={outline}
+        class:is-tertiary={tertiary}
         class:is-text={text}
         class:is-danger={danger}>
         <slot />
@@ -32,7 +32,7 @@
         class="button"
         class:is-only-icon={round}
         class:is-secondary={secondary}
-        class:is-outline={outline}
+        class:is-tertiary={tertiary}
         class:is-danger={danger}
         class:is-text={text}
         type={submit ? 'submit' : 'button'}>
diff --git a/tests/unit/elements/button.test.ts b/tests/unit/elements/button.test.ts
index e07ba218e..9f0ad7b72 100644
--- a/tests/unit/elements/button.test.ts
+++ b/tests/unit/elements/button.test.ts
@@ -21,10 +21,10 @@ test('shows button - submit', () => {
     expect(getByRole('button')).toHaveAttribute('type', 'submit');
 });
 
-test('shows button - outline', () => {
-    const { getByRole } = render(Button, { outline: true });
+test('shows button - tertiary', () => {
+    const { getByRole } = render(Button, { tertiary: true });
 
-    expect(getByRole('button')).toHaveClass('is-outline');
+    expect(getByRole('button')).toHaveClass('is-tertiary');
 });
 
 test('shows button - secondary', () => {