From 4e214dcf9846bc5990994c988fc5c81bea53832d Mon Sep 17 00:00:00 2001
From: Stijnus <private.winters.bf3@gmail.com>
Date: Sun, 31 Aug 2025 16:02:23 +0200
Subject: [PATCH] update export and report bug button

---
 .../chatExportAndImport/ExportChatButton.tsx  |  2 +-
 .../header/HeaderActionButtons.client.tsx     | 22 ++++++++++---------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/components/chat/chatExportAndImport/ExportChatButton.tsx b/app/components/chat/chatExportAndImport/ExportChatButton.tsx
index 53665d9..8d1ef2c 100644
--- a/app/components/chat/chatExportAndImport/ExportChatButton.tsx
+++ b/app/components/chat/chatExportAndImport/ExportChatButton.tsx
@@ -6,7 +6,7 @@ export const ExportChatButton = ({ exportChat }: { exportChat?: () => void }) =>
   return (
     <div className="flex border border-bolt-elements-borderColor rounded-md overflow-hidden mr-2 text-sm">
       <DropdownMenu.Root>
-        <DropdownMenu.Trigger className="rounded-md items-center justify-center [&:is(:disabled,.disabled)]:cursor-not-allowed [&:is(:disabled,.disabled)]:opacity-60 px-3 py-1.5 text-xs bg-bolt-elements-background-depth-2 text-bolt-elements-textPrimary [&:not(:disabled,.disabled)]:hover:bg-bolt-elements-button-primary-backgroundHover outline-accent-500 flex gap-1.7">
+        <DropdownMenu.Trigger className="rounded-md items-center justify-center [&:is(:disabled,.disabled)]:cursor-not-allowed [&:is(:disabled,.disabled)]:opacity-60 px-3 py-1.5 text-xs bg-accent-500 text-white hover:text-bolt-elements-item-contentAccent [&:not(:disabled,.disabled)]:hover:bg-bolt-elements-button-primary-backgroundHover outline-accent-500 flex gap-1.7">
           Export
           <span className={classNames('i-ph:caret-down transition-transform')} />
         </DropdownMenu.Trigger>
diff --git a/app/components/header/HeaderActionButtons.client.tsx b/app/components/header/HeaderActionButtons.client.tsx
index 7807a6b..b3a5fcf 100644
--- a/app/components/header/HeaderActionButtons.client.tsx
+++ b/app/components/header/HeaderActionButtons.client.tsx
@@ -88,16 +88,18 @@ export function HeaderActionButtons({ chatStarted }: HeaderActionButtonsProps) {
 
       {/* Bug Report Button */}
       {shouldShowButtons && (
-        <button
-          onClick={() =>
-            window.open('https://github.com/stackblitz-labs/bolt.diy/issues/new?template=bug_report.yml', '_blank')
-          }
-          className="text-sm flex items-center gap-1.5 text-bolt-elements-item-contentDefault bg-transparent hover:text-bolt-elements-item-contentActive rounded-md px-2 py-1 hover:bg-bolt-elements-item-backgroundActive transition-colors"
-          title="Report Bug"
-        >
-          <div className="i-ph:bug" />
-          <span>Report Bug</span>
-        </button>
+        <div className="flex border border-bolt-elements-borderColor rounded-md overflow-hidden text-sm">
+          <button
+            onClick={() =>
+              window.open('https://github.com/stackblitz-labs/bolt.diy/issues/new?template=bug_report.yml', '_blank')
+            }
+            className="rounded-md items-center justify-center [&:is(:disabled,.disabled)]:cursor-not-allowed [&:is(:disabled,.disabled)]:opacity-60 px-3 py-1.5 text-xs bg-accent-500 text-white hover:text-bolt-elements-item-contentAccent [&:not(:disabled,.disabled)]:hover:bg-bolt-elements-button-primary-backgroundHover outline-accent-500 flex gap-1.5"
+            title="Report Bug"
+          >
+            <div className="i-ph:bug" />
+            <span>Report Bug</span>
+          </button>
+        </div>
       )}
     </div>
   );