From 1196d35cb0a7bcf33065cf39159fecdced9feb1d Mon Sep 17 00:00:00 2001
From: Jenny Bonsak <jenny.bonsak@gmail.com>
Date: Mon, 31 Jul 2023 17:07:42 +0200
Subject: [PATCH] search dropdown: add flex to button content

---
 .../js/invenio_search_ui/components/SearchDropdowns.js    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js b/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js
index c6bee99b..b10252a3 100644
--- a/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js
+++ b/invenio_search_ui/assets/semantic-ui/js/invenio_search_ui/components/SearchDropdowns.js
@@ -60,7 +60,7 @@ export class DropdownSort extends Component {
         labeled
         item
         trigger={
-          <span>
+          <span className="flex align-items-center">
             {this.getCurrentlySelectedOption(parsedOptions).text}
             <Icon name="dropdown" />
           </span>
@@ -72,7 +72,7 @@ export class DropdownSort extends Component {
         selectOnNavigation={selectOnNavigation}
         selectOnBlur={false}
         size="large"
-        className="icon fluid-responsive"
+        className="icon fluid-mobile"
       />
     );
   }
@@ -124,7 +124,7 @@ export class DropdownFilter extends Component {
         item
         button
         trigger={
-          <span>
+          <span className="flex align-items-center">
             {filterLabel}
             <Icon name="dropdown" />
           </span>
@@ -134,7 +134,7 @@ export class DropdownFilter extends Component {
         selectOnBlur={false}
         value={null}
         loading={loading}
-        className="icon fluid-responsive"
+        className="icon fluid-mobile"
         {...uiProps}
       />
     );