From f59d76a0eef5d7d4990b703f8d477fe73cb56612 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Fri, 8 Dec 2023 16:52:37 +0800
Subject: [PATCH] [single-selector] updated the UI of the dropdown (#5817)

---
 frontend/src/components/single-selector.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/single-selector.js b/frontend/src/components/single-selector.js
index f171611aa7..3f6b72288f 100644
--- a/frontend/src/components/single-selector.js
+++ b/frontend/src/components/single-selector.js
@@ -67,10 +67,10 @@ class Selector extends Component {
         </span>
         {isPopoverOpen && (
           <div className="options-container position-absolute rounded shadow mt-1" ref={ref => this.selector = ref}>
-            <ul className="option-list list-unstyled p-3 o-auto">
+            <ul className="option-list list-unstyled py-3 o-auto">
               {options.map((item, index) => {
                 return (
-                  <li key={index} className="option-item h-6 p-1 rounded d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}>
+                  <li key={index} className="option-item h-6 py-1 px-3 d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}>
                     <span className="option-item-text flex-shrink-0 mr-3">{item.text}</span>
                     <i className={`sf2-icon-tick text-gray font-weight-bold ${item.isSelected ? '' : 'invisible'}`}></i>
                   </li>