diff --git a/src/components/article/CommentForm.vue b/src/components/article/CommentForm.vue
index 95fd251..ffbf7ce 100644
--- a/src/components/article/CommentForm.vue
+++ b/src/components/article/CommentForm.vue
@@ -55,28 +55,4 @@ input {
   padding: 12px;
   border: 1px solid var(--color-border);
 }
-
-@media (hover: hover) and (pointer: fine) {
-  button:hover {
-    background-color: var(--color-background-soft);
-  }
-
-  button[type='submit']:hover {
-    background-color: var(--color-primary-soft);
-  }
-}
-
-button:active {
-  transform: scale(0.95);
-  background-color: var(--color-background-soft);
-}
-
-button[type='submit'] {
-  background-color: var(--color-primary);
-  color: var(--color-background);
-}
-
-button[type='submit']:active {
-  background-color: var(--color-primary-soft);
-}
 </style>
diff --git a/src/components/common/TextButton.vue b/src/components/common/TextButton.vue
index 7fc8ada..2c4a0f7 100644
--- a/src/components/common/TextButton.vue
+++ b/src/components/common/TextButton.vue
@@ -1,7 +1,5 @@
 <script setup>
-import { computed } from 'vue';
-
-const { type, primary, filled } = defineProps({
+const { type, primary } = defineProps({
   type: {
     type: String,
     default: 'button',
@@ -11,12 +9,10 @@ const { type, primary, filled } = defineProps({
     default: false,
   },
 });
-
-const classes = computed(() => [primary ? 'primary' : '', filled ? 'filled' : '']);
 </script>
 
 <template>
-  <button :type="type" :class="classes">
+  <button :type="type" :class="primary ? 'primary' : ''">
     <slot></slot>
   </button>
 </template>