diff --git a/src/components/BaseButton.vue b/src/components/ButtonBase.vue
similarity index 100%
rename from src/components/BaseButton.vue
rename to src/components/ButtonBase.vue
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 80b820f..801313f 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import BaseButton from './BaseButton.vue'
+import { ButtonBase } from './'
 import { useModal } from '@/composables'
 
 const modal = useModal()
@@ -38,17 +38,17 @@ const modal = useModal()
           </div>
         </div>
         <div class="flex flex-row px-4 py-3 sm:px-6">
-          <BaseButton
+          <ButtonBase
             class="w-full"
             @click="modal.confirm"
             data-test="modal-confirm-button"
-            >{{ modal.confirmText }}</BaseButton
+            >{{ modal.confirmText }}</ButtonBase
           >
-          <BaseButton
+          <ButtonBase
             class="ml-2 w-full"
             @click="modal.cancel"
             data-test="modal-cancel-button"
-            >{{ modal.cancelText }}</BaseButton
+            >{{ modal.cancelText }}</ButtonBase
           >
         </div>
       </div>
diff --git a/src/components/WishlistHeader.vue b/src/components/WishlistHeader.vue
index d8e1aa4..bdc6b7d 100644
--- a/src/components/WishlistHeader.vue
+++ b/src/components/WishlistHeader.vue
@@ -49,12 +49,12 @@
         :value="modelValue.slugUrlText"
         :label="t('components.wishlist-header.main.form.slug-text.label')"
       />
-      <BaseButton
+      <ButtonBase
         class="h-12 w-full"
         mode="primary"
         :disabled="!meta.valid"
         :icon="IconSave"
-        >{{ t('components.wishlist-header.main.form.submit.text') }}</BaseButton
+        >{{ t('components.wishlist-header.main.form.submit.text') }}</ButtonBase
       >
     </Form>
   </div>
@@ -69,7 +69,7 @@ import { Form } from 'vee-validate'
 import { object, string, boolean } from 'yup'
 import { useToast } from 'vue-toastification'
 import {
-  BaseButton,
+  ButtonBase,
   ImageTile,
   InputText,
   InputCheckbox,
diff --git a/src/components/WishlistItem.vue b/src/components/WishlistItem.vue
index 984bc3a..47ff30d 100644
--- a/src/components/WishlistItem.vue
+++ b/src/components/WishlistItem.vue
@@ -2,7 +2,7 @@
 import { useI18n } from 'vue-i18n'
 import IconLink from './icons/IconLink.vue'
 import ImagePreview from './ImagePreview.vue'
-import BaseButton from './BaseButton.vue'
+import { ButtonBase } from './'
 import IconCart from './icons/IconCart.vue'
 defineProps<{
   title: string
@@ -31,11 +31,11 @@ const { t } = useI18n()
         </p>
       </div>
       <div class="flex flex-row items-baseline space-x-2">
-        <BaseButton
+        <ButtonBase
           class="mt-4 text-xs sm:mt-2"
           :icon="IconCart"
           @click="$emit('bought')"
-          >{{ t('components.wishlist-item.bought-button.text') }}</BaseButton
+          >{{ t('components.wishlist-item.bought-button.text') }}</ButtonBase
         >
         <a
           v-if="url"
diff --git a/src/components/index.ts b/src/components/index.ts
index 86c3b17..b40f386 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,4 +1,4 @@
-export { default as BaseButton } from './BaseButton.vue'
+export { default as ButtonBase } from './ButtonBase.vue'
 export { default as Header } from './Header.vue'
 export { default as ImagePreview } from './ImagePreview.vue'
 export { default as ImageTile } from './ImageTile.vue'
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 1706295..13adc0d 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -5,7 +5,7 @@ import { Form } from 'vee-validate'
 import { object, string } from 'yup'
 import { useAuth } from '@/composables'
 import { IconLogin } from '@/components/icons'
-import BaseButton from '@/components/BaseButton.vue'
+import { ButtonBase } from '@/components'
 import InputText from '@/components/InputText.vue'
 
 const router = useRouter()
@@ -45,12 +45,12 @@ const onSubmit = (values: any): void => {
           :label="t('pages.login-view.main.form.api-key.placeholder')"
           autocomplete="off"
         />
-        <BaseButton
+        <ButtonBase
           class="h-12 w-full"
           mode="primary"
           :icon="IconLogin"
           :disabled="!meta.dirty || !meta.valid"
-          >{{ t('pages.login-view.main.form.submit.text') }}</BaseButton
+          >{{ t('pages.login-view.main.form.submit.text') }}</ButtonBase
         >
       </Form>
     </div>