diff --git a/src/components/button/index.ts b/src/components/button/index.ts
index a3f34228..3b41ae76 100644
--- a/src/components/button/index.ts
+++ b/src/components/button/index.ts
@@ -1,3 +1,4 @@
+export { default as MainButton } from './MainButton.vue';
 export { default as AddButton } from './AddButton.vue';
 export { default as SaveButton } from './SaveButton.vue';
 export { default as CancelButton } from './CancelButton.vue';
@@ -8,4 +9,4 @@ export { default as UndoButton } from './UndoButton.vue';
 export { default as ToggleButton } from './ToggleButton.vue';
 export { default as ClearButton } from './ClearButton.vue';
 export { default as CloseButton } from './CloseButton.vue';
-export { default as ViewButton } from './viewButton.vue';
+export { default as ViewButton } from './ViewButton.vue';
diff --git a/src/components/button/viewButton.vue b/src/components/button/viewButton.vue
deleted file mode 100644
index 070a268f..00000000
--- a/src/components/button/viewButton.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts" setup>
-import MainButton from './MainButton.vue';
-
-defineEmits<{
-  (e: 'click', v: MouseEvent): void;
-}>();
-defineProps<{
-  iconOnly?: boolean;
-  solid?: boolean;
-  outlined?: boolean;
-  disabled?: boolean;
-  dark?: boolean;
-  size?: string;
-}>();
-</script>
-
-<template>
-  <MainButton
-    @click="(e) => $emit('click', e)"
-    v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-eye-outline"
-    color="var(--gray-8-hsl)"
-    :title="iconOnly ? $t('general.viewDetail') : undefined"
-  >
-    {{ $t('general.viewDetail') }}
-  </MainButton>
-</template>