From a2a07afc05a3fa08f1a29fa3f11a3c02497e61e7 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sat, 30 Dec 2023 13:41:45 +0100
Subject: [PATCH] [UI] Better default scrollbar width on Webkit.

---
 .../webapp/src/components/panels/Extensions/Index.vue     | 2 ++
 platypush/backend/http/webapp/src/style/components.scss   | 8 +++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue b/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue
index 77447c033..ce05307f3 100644
--- a/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue
@@ -250,6 +250,8 @@ $header-height: 3.25em;
   }
 
   .extension-container {
+    max-width: calc(100% - 1em);
+
     .extension {
       display: flex;
       flex-direction: column;
diff --git a/platypush/backend/http/webapp/src/style/components.scss b/platypush/backend/http/webapp/src/style/components.scss
index c1c2b2b2d..b87da3d42 100644
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@@ -52,7 +52,13 @@ a {
 }
 
 ::-webkit-scrollbar {
-  width: 0.75em;
+  width: 0.5em;
+  height: 0.5em;
+
+  @include until($tablet) {
+    width: 0.3333em;
+    height: 0.3333em;
+  }
 }
 
 ::-webkit-scrollbar-track {