From 8d3573d73437c45f9c82924cf7a2452019c34602 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Mon, 27 Jul 2020 16:08:07 -0400
Subject: [PATCH] adds scrollbar width and adjusts popup width accordingly -
 #275

---
 src/client/components/elements/Popup/index.scss | 3 ++-
 src/client/scss/app.scss                        | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/client/components/elements/Popup/index.scss b/src/client/components/elements/Popup/index.scss
index b328c9e29..33997a9da 100644
--- a/src/client/components/elements/Popup/index.scss
+++ b/src/client/components/elements/Popup/index.scss
@@ -26,7 +26,8 @@
 
   &__scroll {
     padding: base(1);
-    overflow-y: scroll;
+    overflow-y: auto;
+    width: calc(100% + var(--scrollbar-width));
     white-space: nowrap;
   }
 
diff --git a/src/client/scss/app.scss b/src/client/scss/app.scss
index f8e8932e4..32833747a 100644
--- a/src/client/scss/app.scss
+++ b/src/client/scss/app.scss
@@ -7,6 +7,7 @@
   --breakpoint-m-width  : #{$breakpoint-m-width};
   --breakpoint-l-width  : #{$breakpoint-l-width};
   --z-modal: #{$z-modal};
+  --scrollbar-width: 17px;
 }
 
 /////////////////////////////