From c35c8b5f547f4316feb1d7857cc5778bd649af83 Mon Sep 17 00:00:00 2001
From: Volodymyr Kelembet <vova.kelembet@gmail.com>
Date: Tue, 26 Jan 2021 11:01:48 +0200
Subject: [PATCH] Remove drop down arrow absolute positioning

Drop down arrow is already centered automatically within inline-flex container.
---
 src/common-elements/dropdown.ts | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/common-elements/dropdown.ts b/src/common-elements/dropdown.ts
index 2738b779..cf5ce073 100644
--- a/src/common-elements/dropdown.ts
+++ b/src/common-elements/dropdown.ts
@@ -43,9 +43,7 @@ export const StyledDropdown = styled(Dropdown)`
       display: inline-flex;
       padding: 0;
       height: auto;
-      padding-right: 20px;
       position: relative;
-      margin-bottom: 5px;
     }
     .dropdown-selector-value {
       font-family: ${(props) => props.theme.typography.headings.fontFamily};
@@ -59,14 +57,12 @@ export const StyledDropdown = styled(Dropdown)`
       transition: color 0.25s ease, text-shadow 0.25s ease;
     }
     .dropdown-arrow {
-      position: absolute;
-      right: 3px;
-      top: 50%;
-      transform: translateY(-50%);
+      position: static;
       border-color: ${(props) => props.theme.colors.primary.main} transparent transparent;
       border-style: solid;
       border-width: 0.35em 0.35em 0;
       width: 0;
+      height: 0;
       svg {
         display: none;
       }