diff --git a/src/stories/Button.svelte b/src/stories/Button.svelte
deleted file mode 100644
index dce488529..000000000
--- a/src/stories/Button.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import './button.css';
-
-	/**
-	 * Is this the principal call to action on the page?
-	 */
-	export let primary = false;
-
-	/**
-	 * What background color to use
-	 */
-	export let backgroundColor: string | undefined = undefined;
-	/**
-	 * How large should the button be?
-	 */
-	export let size: 'small' | 'medium' | 'large' = 'medium';
-	/**
-	 * Button contents
-	 */
-	export let label = '';
-
-	$: mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-
-	$: style = backgroundColor ? `background-color: ${backgroundColor}` : '';
-</script>
-
-<button
-	type="button"
-	class={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
-	{style}
-	on:click
->
-	{label}
-</button>
diff --git a/src/stories/button.css b/src/stories/button.css
deleted file mode 100644
index a3f1a306d..000000000
--- a/src/stories/button.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.storybook-button {
-	font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	font-weight: 700;
-	border: 0;
-	border-radius: 3em;
-	cursor: pointer;
-	display: inline-block;
-	line-height: 1;
-}
-.storybook-button--primary {
-	color: white;
-	background-color: #1ea7fd;
-}
-.storybook-button--secondary {
-	color: #333;
-	background-color: transparent;
-	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-}
-.storybook-button--small {
-	font-size: 12px;
-	padding: 10px 16px;
-}
-.storybook-button--medium {
-	font-size: 14px;
-	padding: 11px 20px;
-}
-.storybook-button--large {
-	font-size: 16px;
-	padding: 12px 24px;
-}