Get rid of the js to scale sidepanel, add an additional div and a css class to fix the same issue.

1 files changed, 8 insertions, 4 deletions

diff --git a/src/App.scss b/src/App.scss
index 6679b2c2..d0060a0e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -190,7 +190,7 @@ nav {
     flex-shrink: 1;
 }
 
-.sidebar {
+.sidebar-bounds {
   flex: 0;
   flex-basis: 35%;
 }
@@ -221,21 +221,25 @@ nav {
   body {
     overflow-y: scroll;
   }
-  .sidebar {
+  .sidebar-bounds {
     overflow: hidden;
     max-height: 100vh;
     width: 345px;
     position: fixed;
     margin-top: -10px;
 
-    .sidebar-container {
+    .sidebar-scroller {
       height: 96vh;
       width: 365px;
       padding-top: 10px;
-      padding-right: 20px;
+      padding-right: 50px;
       overflow-x: hidden;
       overflow-y: scroll;
     }
+
+    .sidebar {
+      width: 345px;
+    }
   }
   .sidebar-flexer {
     max-height: 96vh;