diff --git a/web/src/lib/ui/Button.svelte b/web/src/lib/ui/button.svelte
similarity index 100%
rename from web/src/lib/ui/Button.svelte
rename to web/src/lib/ui/button.svelte
diff --git a/web/src/lib/ui/CircleIconButton.svelte b/web/src/lib/ui/circle-icon-button.svelte
similarity index 100%
rename from web/src/lib/ui/CircleIconButton.svelte
rename to web/src/lib/ui/circle-icon-button.svelte
diff --git a/web/src/stories/Button.stories.svelte b/web/src/stories/button.stories.svelte
similarity index 93%
rename from web/src/stories/Button.stories.svelte
rename to web/src/stories/button.stories.svelte
index 64f9e908a0..e7687ba0d4 100644
--- a/web/src/stories/Button.stories.svelte
+++ b/web/src/stories/button.stories.svelte
@@ -1,5 +1,5 @@
 <script context="module">
-  import Button from '$lib/ui/Button.svelte';
+  import Button from '$lib/ui/button.svelte';
   import { Template } from '@storybook/addon-svelte-csf';
   export const meta = {
     title: 'Components/Buttons/Button',
diff --git a/web/src/stories/CircleIconButton.stories.svelte b/web/src/stories/circle-icon-button.stories.svelte
similarity index 94%
rename from web/src/stories/CircleIconButton.stories.svelte
rename to web/src/stories/circle-icon-button.stories.svelte
index ac9af96dc6..220df967c3 100644
--- a/web/src/stories/CircleIconButton.stories.svelte
+++ b/web/src/stories/circle-icon-button.stories.svelte
@@ -1,5 +1,5 @@
 <script context="module" lang="ts">
-  import CircleIconButton from '$lib/ui/CircleIconButton.svelte';
+  import CircleIconButton from '$lib/ui/circle-icon-button.svelte';
   import { mdiDotsVertical, mdiInformation, mdiPartyPopper } from '@mdi/js';
   export const meta = {
     title: 'Components/Buttons/Circle Icon Button',