fix and update

apps/frontend/app/globals.css

@@ -15,6 +15,29 @@
 
 * {
   box-sizing: border-box;
+  scrollbar-width: thin;
+  scrollbar-color: rgb(168 173 188 / 55%) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: rgb(168 173 188 / 45%);
+  border-radius: 999px;
+  border: 1px solid transparent;
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: rgb(102 112 133 / 65%);
+  background-clip: padding-box;
 }
 
 body {
@@ -29,6 +52,10 @@ html {
   overflow-x: hidden;
 }
 
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 .rdp-root {
   --rdp-accent-color: #111827;
   --rdp-accent-background-color: #f4f5f8;