[fix] dropdown list alignment and spacing (#2325)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
keplergl · Sep 20, 2023 · 203829a · 203829a
1 parent ba6259d
commit 203829a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/styles/src/base.ts b/src/styles/src/base.ts
@@ -885,7 +885,6 @@ const dropdownListAnchor = css`
   padding-left: 3px;
   font-size: ${props => props.theme.selectFontSize};
   line-height: ${props => props.theme.dropdownListLineHeight}px;
-  display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
 
@@ -907,6 +906,10 @@ const dropdownListSize = css`
 `;
 
 const dropdownListItem = css`
+  height: 34px;
+  display: flex;
+  align-items: center;
+
   ${dropdownListSize} &.hover,
   &:hover {
     cursor: pointer;