From 02b36e96473cc47c36b3b171f3080bb3e2b15d1d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 10 Jul 2024 19:29:53 +0530
Subject: [PATCH] fix: make CC BCC ghosted button

---
 frontend/src/components/EmailEditor.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EmailEditor.vue b/frontend/src/components/EmailEditor.vue
index 47a5527e..d7f88179 100644
--- a/frontend/src/components/EmailEditor.vue
+++ b/frontend/src/components/EmailEditor.vue
@@ -23,13 +23,15 @@
           <div class="flex gap-1.5">
             <Button
               :label="__('CC')"
+              variant="ghost"
               @click="toggleCC()"
-              :class="[cc ? 'bg-gray-300 hover:bg-gray-200' : '']"
+              :class="[cc ? '!bg-gray-300 hover:bg-gray-200' : '!text-gray-500']"
             />
             <Button
               :label="__('BCC')"
+              variant="ghost"
               @click="toggleBCC()"
-              :class="[bcc ? 'bg-gray-300 hover:bg-gray-200' : '']"
+              :class="[bcc ? '!bg-gray-300 hover:bg-gray-200' : '!text-gray-500']"
             />
           </div>
         </div>