diff --git a/src/components/ChatWidget.tsx b/src/components/ChatWidget.tsx
index f5096bc..8d2fb4c 100644
--- a/src/components/ChatWidget.tsx
+++ b/src/components/ChatWidget.tsx
@@ -592,6 +592,14 @@ export default function ChatWidget({
       <div className="flex items-center justify-between rounded-t-xl border-b border-gray-200 bg-accent-600 px-4 py-3 dark:border-gray-700 dark:bg-accent-700">
         <h2 className="text-sm font-semibold text-white">{t("Chat.title")}</h2>
         <div className="flex items-center gap-2">
+          <button
+            onClick={onReset}
+            className="text-white/80 hover:text-white transition-colors focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed"
+            aria-label={t("Chat.clearChat")}
+            disabled={isLoading}
+          >
+            <TrashIcon className="h-5 w-5" />
+          </button>
           <button
             onClick={() => setSettingsOpen((v) => !v)}
             className={`transition-colors focus:outline-none ${
@@ -603,14 +611,6 @@ export default function ChatWidget({
           >
             <Cog6ToothIcon className="h-5 w-5" />
           </button>
-          <button
-            onClick={onReset}
-            className="text-white/80 hover:text-white transition-colors focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed"
-            aria-label={t("Chat.clearChat")}
-            disabled={isLoading}
-          >
-            <TrashIcon className="h-5 w-5" />
-          </button>
           <button
             onClick={onClose}
             className="text-white/80 hover:text-white transition-colors focus:outline-none"