From 8f8bb94854015770e4fbd28b6efc0c0a91625824 Mon Sep 17 00:00:00 2001
From: Zahra Bayat <zahra.bayat13799@gmail.com>
Date: Sat, 19 Oct 2024 01:14:07 +0330
Subject: [PATCH] Fix not applying padding to select element in phone browsers

---
 src/components/task/TaskForm.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/task/TaskForm.tsx b/src/components/task/TaskForm.tsx
index 89c5c32..42b2ba9 100644
--- a/src/components/task/TaskForm.tsx
+++ b/src/components/task/TaskForm.tsx
@@ -36,7 +36,7 @@ const TaskForm = () => {
         <select
           onChange={(e) => setNewCategoryId(e.target.value)}
           value={newCategoryId || ""}
-          className="rounded border border-gray-300 p-2 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-white"
+          className="rounded border border-gray-300 !p-2 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-white"
         >
           <option value="">Select Category</option>
           {categories.map((cat) => (