From 78dcf3c8a96b065fe159edb97368f51e7d954d03 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 16 Jul 2020 09:26:48 +0200
Subject: [PATCH] Adjust alignment of SI dropdown (#3206)

* Adjust alignment of SI dropdown

* line-height 1
---
 packages/react-components/src/InputBalance.tsx | 10 +++++++---
 packages/react-components/src/Labelled.tsx     |  3 ++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/src/InputBalance.tsx b/packages/react-components/src/InputBalance.tsx
index 95bfbe4ddc..b0f403a639 100644
--- a/packages/react-components/src/InputBalance.tsx
+++ b/packages/react-components/src/InputBalance.tsx
@@ -101,8 +101,12 @@ export default React.memo(styled(InputBalance)`
     right: 6.5rem;
   }
 
-  .ui.action.input.ui--Input .ui.primary.buttons .ui.disabled.button.compact.floating.selection.dropdown.ui--SiDropdown {
-    border-style: solid;
-    opacity: 1 !important;
+  .ui.action.input.ui--Input > .buttons {
+    align-items: stretch;
+
+    .ui.disabled.button.compact.floating.selection.dropdown.ui--SiDropdown {
+      border-style: solid;
+      opacity: 1 !important;
+    }
   }
 `);
diff --git a/packages/react-components/src/Labelled.tsx b/packages/react-components/src/Labelled.tsx
index 1266a8291d..22824bf7a5 100644
--- a/packages/react-components/src/Labelled.tsx
+++ b/packages/react-components/src/Labelled.tsx
@@ -96,7 +96,8 @@ const Wrapper = styled.div`
           }
 
           .text {
-            padding: 0.45rem 0
+            line-height: 1;
+            padding: 0.47rem 0
           }
         }