From fa1ab15bb0cb9f187be8e3c671a5e3e292dc7a53 Mon Sep 17 00:00:00 2001
From: sphurthy <sphurthysatish@gmail.com>
Date: Fri, 13 Feb 2026 17:51:58 -0500
Subject: [PATCH] fix: fixed shape of search filters dropdown

---
 src/components/CommunityPortal/CPDashboard.jsx        | 10 ++++++----
 src/components/CommunityPortal/CPDashboard.module.css |  4 ++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/CommunityPortal/CPDashboard.jsx b/src/components/CommunityPortal/CPDashboard.jsx
index 8083c8a876..ed3c8495d5 100644
--- a/src/components/CommunityPortal/CPDashboard.jsx
+++ b/src/components/CommunityPortal/CPDashboard.jsx
@@ -387,7 +387,9 @@ export function CPDashboard() {
                 <Input
                   type="date"
                   placeholder="Select Date"
-                  className={styles.dateFilter}
+                  className={[styles.dateFilter, styles.rectangularDropdown]
+                    .filter(Boolean)
+                    .join(' ')}
                   value={selectedDate}
                   onChange={e => setSelectedDate(e.target.value)}
                   style={{ marginTop: '10px' }}
@@ -412,21 +414,21 @@ export function CPDashboard() {
 
               <div className={styles.filterItem}>
                 <label htmlFor="branches">Branches</label>
-                <Input type="select">
+                <Input type="select" className={styles.rectangularDropdown}>
                   <option>Select branches</option>
                 </Input>
               </div>
 
               <div className={styles.filterItem}>
                 <label htmlFor="themes">Themes</label>
-                <Input type="select">
+                <Input type="select" className={styles.rectangularDropdown}>
                   <option>Select themes</option>
                 </Input>
               </div>
 
               <div className={styles.filterItem}>
                 <label htmlFor="categories">Categories</label>
-                <Input type="select">
+                <Input type="select" className={styles.rectangularDropdown}>
                   <option>Select categories</option>
                 </Input>
               </div>
diff --git a/src/components/CommunityPortal/CPDashboard.module.css b/src/components/CommunityPortal/CPDashboard.module.css
index fe0ba38538..f28d963c72 100644
--- a/src/components/CommunityPortal/CPDashboard.module.css
+++ b/src/components/CommunityPortal/CPDashboard.module.css
@@ -296,6 +296,10 @@
   background-size: 1em;
 }
 
+.rectangularDropdown {
+  border-radius: 0 !important;
+}
+
 .filterItem label {
   display: block;
   font-weight: 600;