From 3c20ef5fea4b9693b7e322c09af6ba94c38c9f9f Mon Sep 17 00:00:00 2001
From: Toni Dezman <tdezman@biosistemika.com>
Date: Thu, 17 Aug 2017 11:41:24 +0200
Subject: [PATCH] fixes TimeZone dropdown position: relative issue

---
 .../packs/src/settings/components/InputTimezone.jsx       | 2 +-
 app/javascript/packs/styles/main.scss                     | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/javascript/packs/src/settings/components/InputTimezone.jsx b/app/javascript/packs/src/settings/components/InputTimezone.jsx
index 175e3d849..3d1b918e7 100644
--- a/app/javascript/packs/src/settings/components/InputTimezone.jsx
+++ b/app/javascript/packs/src/settings/components/InputTimezone.jsx
@@ -33,7 +33,7 @@ class InputTimezone extends Component {
           {this.props.labelValue}
         </h4>
         <TimezonePicker
-          absolute
+          absolute={false}
           defaultValue="Europe/London"
           value={this.props.inputValue}
           placeholder="Select timezone..."
diff --git a/app/javascript/packs/styles/main.scss b/app/javascript/packs/styles/main.scss
index 7744764ca..2bde17abe 100644
--- a/app/javascript/packs/styles/main.scss
+++ b/app/javascript/packs/styles/main.scss
@@ -9,12 +9,16 @@ body {
 
 .time-zone-container {
   background: $color-white;
+  position: relative;
   ul {
-    width: 100%;
+    width: 99%;
     height: 70vh;
     overflow: auto;
-    position: relative;
+    position: absolute;
+    top: 35px;
     padding-left: 5px;
+    background: $color-white;
+    z-index: 9999;
   }
 
   li {