diff --git a/packages/bolt/app/components/chat/BaseChat.tsx b/packages/bolt/app/components/chat/BaseChat.tsx
index f72e2a00..bb0c011f 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 42ecac25..43f076b4 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,
           },