diff --git a/web/src/App.css b/web/src/App.css
index 21615c5eb0..86cbe6ab6a 100644
--- a/web/src/App.css
+++ b/web/src/App.css
@@ -20,7 +20,7 @@
 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {
   border-radius: 4px;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 html,
diff --git a/web/src/components/Editor/JSONViewer.tsx b/web/src/components/Editor/JSONViewer.tsx
index fb251df041..b5da8868e9 100644
--- a/web/src/components/Editor/JSONViewer.tsx
+++ b/web/src/components/Editor/JSONViewer.tsx
@@ -245,8 +245,8 @@ export default function JSONViewer(props: JSONViewerProps) {
   return (
     <div
       style={{
-        maxHeight: 100,
-        overflow: "hidden",
+        maxHeight: 390,
+        overflow: "auto",
       }}
     >
       <SyntaxHighlighter
diff --git a/web/src/components/Editor/JsonEditor.tsx b/web/src/components/Editor/JsonEditor.tsx
index e9790ac6d3..2d02631412 100644
--- a/web/src/components/Editor/JsonEditor.tsx
+++ b/web/src/components/Editor/JsonEditor.tsx
@@ -56,7 +56,7 @@ function JsonEditor(props: {
           alwaysConsumeMouseWheel: false,
         },
         lineNumbersMinChars: 0,
-        fontSize: 14,
+        fontSize: 13,
         scrollBeyondLastLine: false,
         folding: false,
         overviewRulerBorder: false,
diff --git a/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx b/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx
index 5a31368d88..ceb25eccae 100644
--- a/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx
+++ b/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useColorMode } from "@chakra-ui/react";
 import clsx from "clsx";
 import { t } from "i18next";