From 0f414f6963cbb1f6126c2ee85d4e72fef36700f8 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sun, 9 Mar 2025 15:46:10 +0800
Subject: [PATCH] refactor: update disabled button styles in EditorButton
 component for improved accessibility

---
 app/components/text-editor/editor-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/text-editor/editor-button.tsx b/app/components/text-editor/editor-button.tsx
index cd51d13..e71113f 100644
--- a/app/components/text-editor/editor-button.tsx
+++ b/app/components/text-editor/editor-button.tsx
@@ -21,7 +21,7 @@ export const EditorButton = (properties: TProperties) => {
       onClick={onClick}
       disabled={disabled}
       className={twMerge(
-        'flex h-6 w-8 cursor-pointer items-center justify-center rounded-md p-2 hover:bg-[#2E2F7C] hover:text-white disabled:cursor-not-allowed disabled:bg-[#2E2F7C]/50 disabled:text-white disabled:hover:bg-[#2E2F7C]/50',
+        'flex h-6 w-8 cursor-pointer items-center justify-center rounded-md p-2 hover:bg-[#2E2F7C] hover:text-white disabled:cursor-not-allowed disabled:bg-[#2E2F7C]/50 disabled:text-white disabled:opacity-50',
         isActive ? 'bg-[#2E2F7C]/10' : '',
         className,
       )}