From bde08771680bc33dcc39e3ee296aad2caa68eb01 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Mon, 7 Jul 2025 17:48:05 +0200
Subject: [PATCH] Update Settings.tsx (#992)

---
 .../src/entrypoints/popup/pages/Settings.tsx        | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/browser-extension/src/entrypoints/popup/pages/Settings.tsx b/apps/browser-extension/src/entrypoints/popup/pages/Settings.tsx
index ad3524154..03e7b216d 100644
--- a/apps/browser-extension/src/entrypoints/popup/pages/Settings.tsx
+++ b/apps/browser-extension/src/entrypoints/popup/pages/Settings.tsx
@@ -390,6 +390,12 @@ const Settings: React.FC = () => {
         <h3 className="text-md font-semibold text-gray-900 dark:text-white mb-3">Appearance</h3>
         <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
           <div className="p-4">
+            <div className="mb-4">
+              <div>
+                <p className="text-sm font-medium text-gray-900 dark:text-white mb-3">{t('language')}</p>
+                <LanguageSwitcher variant="dropdown" size="sm" />
+              </div>
+            </div>
             <div>
               <p className="text-sm font-medium text-gray-900 dark:text-white mb-2">Theme</p>
               <div className="flex flex-col space-y-2">
@@ -428,13 +434,6 @@ const Settings: React.FC = () => {
                 </label>
               </div>
             </div>
-
-            <div className="border-t border-gray-200 dark:border-gray-600 pt-4">
-              <div>
-                <p className="text-sm font-medium text-gray-900 dark:text-white mb-3">{t('language')}</p>
-                <LanguageSwitcher variant="dropdown" size="sm" />
-              </div>
-            </div>
           </div>
         </div>
       </section>