Add thin scrollbar for AbstractCard raw JSON visual

src/components/common/AbstractCard.tsx

@@ -34,7 +34,7 @@ const AbstractCard: FunctionComponent<AbstractCardProps> = ({
       ) : null}
       <div className="max-w-full p-2 px-4">
         {showRaw ? (
-          <pre className="m-2 max-h-[40rem] max-w-full overflow-y-auto whitespace-pre-wrap rounded">
+          <pre className="scrollbar-thin m-2 max-h-[40rem] max-w-full overflow-y-auto whitespace-pre-wrap rounded">
             {JSON.stringify(data, null, 4)}
           </pre>
         ) : (

src/styles/globals.scss

@@ -38,3 +38,11 @@ dl {
     margin: -0.25em 0 0 0;
     padding: 0.25em 0 0 0;
 }
+
+.custom-select {
+    background: #fffff00 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
+}
+
+.scrollbar-thin {
+    scrollbar-width: thin;
+}