diff --git a/frontend/src/components/input/Button.story.vue b/frontend/src/components/input/Button.story.vue
index 4841af848..720572c00 100644
--- a/frontend/src/components/input/Button.story.vue
+++ b/frontend/src/components/input/Button.story.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import {logEvent} from 'histoire/client'
-import XButton from './button.vue'
+import XButton from './Button.vue'
 </script>
 
 <template>
diff --git a/frontend/src/components/input/button.vue b/frontend/src/components/input/Button.vue
similarity index 100%
rename from frontend/src/components/input/button.vue
rename to frontend/src/components/input/Button.vue
diff --git a/frontend/src/components/input/ColorPicker.vue b/frontend/src/components/input/ColorPicker.vue
index ab76c9cae..86f0113bb 100644
--- a/frontend/src/components/input/ColorPicker.vue
+++ b/frontend/src/components/input/ColorPicker.vue
@@ -68,7 +68,7 @@
 <script setup lang="ts">
 import {computed, ref, watch} from 'vue'
 import {createRandomID} from '@/helpers/randomId'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 
 const {
 	modelValue,
diff --git a/frontend/src/components/input/editor/TipTap.vue b/frontend/src/components/input/editor/TipTap.vue
index 9528508e6..7070b83ba 100644
--- a/frontend/src/components/input/editor/TipTap.vue
+++ b/frontend/src/components/input/editor/TipTap.vue
@@ -187,7 +187,7 @@ import AttachmentModel from '@/models/attachment'
 import AttachmentService from '@/services/attachment'
 import {useI18n} from 'vue-i18n'
 import BaseButton from '@/components/base/BaseButton.vue'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 import {Placeholder} from '@tiptap/extension-placeholder'
 import {eventToHotkeyString} from '@github/hotkey'
 import {Extension, mergeAttributes} from '@tiptap/core'
diff --git a/frontend/src/components/notifications/notifications.vue b/frontend/src/components/notifications/notifications.vue
index a24642b7b..4bc34300c 100644
--- a/frontend/src/components/notifications/notifications.vue
+++ b/frontend/src/components/notifications/notifications.vue
@@ -97,7 +97,7 @@ import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 import {getDisplayName} from '@/models/user'
 import {useAuthStore} from '@/stores/auth'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 import {success} from '@/message'
 import {useI18n} from 'vue-i18n'
 
diff --git a/frontend/src/components/project/views/viewEditForm.vue b/frontend/src/components/project/views/viewEditForm.vue
index 1c3754c44..4bc94deca 100644
--- a/frontend/src/components/project/views/viewEditForm.vue
+++ b/frontend/src/components/project/views/viewEditForm.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type {IProjectView} from '@/modelTypes/IProjectView'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 import FilterInput from '@/components/project/partials/FilterInput.vue'
 import {ref, onBeforeMount} from 'vue'
 import {transformFilterStringForApi, transformFilterStringFromApi} from '@/helpers/filters'
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index d7b600176..a0bbdbe24 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -44,7 +44,7 @@ import cypress from '@/directives/cypress'
 
 // global components
 import FontAwesomeIcon from '@/components/misc/Icon'
-import Button from '@/components/input/button.vue'
+import Button from '@/components/input/Button.vue'
 import Modal from '@/components/misc/modal.vue'
 import Card from '@/components/misc/Card.vue'
 
diff --git a/frontend/src/types/global-components.d.ts b/frontend/src/types/global-components.d.ts
index 9a1551a9c..acea6bc8c 100644
--- a/frontend/src/types/global-components.d.ts
+++ b/frontend/src/types/global-components.d.ts
@@ -2,7 +2,7 @@ import type { FunctionalComponent } from 'vue'
 import type { Notifications } from '@kyvg/vue3-notification'
 // import FontAwesomeIcon from '@/components/misc/Icon'
 import type { FontAwesomeIcon as FontAwesomeIconFixedTypes } from './vue-fontawesome'
-import type XButton from '@/components/input/button.vue'
+import type XButton from '@/components/input/Button.vue'
 import type Modal from '@/components/misc/modal.vue'
 import type Card from '@/components/misc/Card.vue'
 
diff --git a/frontend/src/views/project/settings/views.vue b/frontend/src/views/project/settings/views.vue
index 0487e08a9..a482788de 100644
--- a/frontend/src/views/project/settings/views.vue
+++ b/frontend/src/views/project/settings/views.vue
@@ -6,7 +6,7 @@ import ProjectViewModel from '@/models/projectView'
 import type {IProjectView} from '@/modelTypes/IProjectView'
 import ViewEditForm from '@/components/project/views/viewEditForm.vue'
 import ProjectViewService from '@/services/projectViews'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 import {error, success} from '@/message'
 import {useI18n} from 'vue-i18n'
 import ProjectService from '@/services/project'
diff --git a/frontend/src/views/user/settings/ApiTokens.vue b/frontend/src/views/user/settings/ApiTokens.vue
index 22fead7f5..55dbc34dd 100644
--- a/frontend/src/views/user/settings/ApiTokens.vue
+++ b/frontend/src/views/user/settings/ApiTokens.vue
@@ -2,7 +2,7 @@
 import ApiTokenService from '@/services/apiToken'
 import {computed, onMounted, ref} from 'vue'
 import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
-import XButton from '@/components/input/button.vue'
+import XButton from '@/components/input/Button.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import ApiTokenModel from '@/models/apiTokenModel'
 import FancyCheckbox from '@/components/input/FancyCheckbox.vue'