From 5fa2ee53ccc5d91679a7485eecd97217a571b3b0 Mon Sep 17 00:00:00 2001
From: Dominic Elm <elmdominic@gmx.net>
Date: Thu, 11 Jul 2024 21:45:08 +0200
Subject: [PATCH] fix: buttons after switching to tailwind-compat reset

---
 packages/bolt/app/components/chat/BaseChat.tsx | 2 +-
 packages/bolt/app/components/ui/IconButton.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bolt/app/components/chat/BaseChat.tsx b/packages/bolt/app/components/chat/BaseChat.tsx
index f72e2a0..bb0c011 100644
--- a/packages/bolt/app/components/chat/BaseChat.tsx
+++ b/packages/bolt/app/components/chat/BaseChat.tsx
@@ -106,7 +106,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
                     disabled={input.length === 0 || enhancingPrompt}
                     className={classNames({
                       'opacity-100!': enhancingPrompt,
-                      'text-accent! pr-1.5': promptEnhanced,
+                      'text-accent! pr-1.5 enabled:hover:bg-accent/12!': promptEnhanced,
                     })}
                     onClick={() => enhancePrompt?.()}
                   >
diff --git a/packages/bolt/app/components/ui/IconButton.tsx b/packages/bolt/app/components/ui/IconButton.tsx
index 42ecac2..43f076b 100644
--- a/packages/bolt/app/components/ui/IconButton.tsx
+++ b/packages/bolt/app/components/ui/IconButton.tsx
@@ -38,7 +38,7 @@ export const IconButton = memo(
     return (
       <button
         className={classNames(
-          'flex items-center text-gray-600 enabled:hover:text-gray-900 rounded-md p-1 enabled:hover:bg-gray-200/80 disabled:cursor-not-allowed',
+          'flex items-center text-gray-600 bg-transparent enabled:hover:text-gray-900 rounded-md p-1 enabled:hover:bg-gray-200/80 disabled:cursor-not-allowed',
           {
             [classNames('opacity-30', disabledClassName)]: disabled,
           },