From 6d8aed7ef884130763f11ca19f3fd813f19d9353 Mon Sep 17 00:00:00 2001
From: Danny Avila <110412045+danny-avila@users.noreply.github.com>
Date: Mon, 16 Oct 2023 13:57:15 -0400
Subject: [PATCH] style(select): use tailwind for padding of select elements in
 Settings (#1064)

---
 client/src/components/Nav/SettingsTabs/General.tsx | 4 ++--
 client/src/style.css                               | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Nav/SettingsTabs/General.tsx b/client/src/components/Nav/SettingsTabs/General.tsx
index 36175fd876..6cc0b11791 100644
--- a/client/src/components/Nav/SettingsTabs/General.tsx
+++ b/client/src/components/Nav/SettingsTabs/General.tsx
@@ -28,7 +28,7 @@ export const ThemeSelector = ({
     <div className="flex items-center justify-between">
       <div>{localize('com_nav_theme')}</div>
       <select
-        className="w-24 rounded border border-black/10 bg-transparent text-sm dark:border-white/20 dark:bg-gray-900"
+        className="w-24 rounded border border-black/10 bg-transparent px-3 py-2 text-sm dark:border-white/20 dark:bg-gray-900"
         onChange={(e) => onChange(e.target.value)}
         value={theme}
       >
@@ -80,7 +80,7 @@ export const LangSelector = ({
     <div className="flex items-center justify-between">
       <div>{localize('com_nav_language')}</div>
       <select
-        className="w-24 rounded border border-black/10 bg-transparent text-sm dark:border-white/20 dark:bg-gray-900"
+        className="w-24 rounded border border-black/10 bg-transparent px-3 py-2 text-sm dark:border-white/20 dark:bg-gray-900"
         onChange={(e) => onChange(e.target.value)}
         value={langcode}
       >
diff --git a/client/src/style.css b/client/src/style.css
index ff5d089cbd..907b7230e9 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -153,7 +153,6 @@ select {
   border-width: 1px;
   font-size: 1rem;
   line-height: 1.5rem;
-  padding: .5rem .75rem;
 }
 
 .overflow-y-auto {