diff --git a/src/components/button/CloseButton.vue b/src/components/button/CloseButton.vue
index bd44ca50..98539337 100644
--- a/src/components/button/CloseButton.vue
+++ b/src/components/button/CloseButton.vue
@@ -18,9 +18,9 @@ defineProps<{
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-close"
-    color="var(--gray-7-hsl)"
-    :title="iconOnly ? $t('general.clear') : undefined"
+    color="var(--negative-bg)"
+    :title="iconOnly ? $t('general.close') : undefined"
   >
-    {{ $t('general.clear') }}
+    {{ $t('general.close') }}
   </MainButton>
 </template>