fix simplebar

src/App.css

@@ -609,3 +609,7 @@ textarea {
 .disable-checkbox-label input[type="checkbox"]:checked {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjQuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZSAoQ29tbWVyY2lhbCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHN0eWxlPnN2Z3tmaWxsOiNmZmEyMDB9PC9zdHlsZT48cGF0aCBkPSJNMzY3LjIgNDEyLjVMOTkuNSAxNDQuOEM3Ny4xIDE3Ni4xIDY0IDIxNC41IDY0IDI1NmMwIDEwNiA4NiAxOTIgMTkyIDE5MmM0MS41IDAgNzkuOS0xMy4xIDExMS4yLTM1LjV6bTQ1LjMtNDUuM0M0MzQuOSAzMzUuOSA0NDggMjk3LjUgNDQ4IDI1NmMwLTEwNi04Ni0xOTItMTkyLTE5MmMtNDEuNSAwLTc5LjkgMTMuMS0xMTEuMiAzNS41TDQxMi41IDM2Ny4yek0wIDI1NmEyNTYgMjU2IDAgMSAxIDUxMiAwQTI1NiAyNTYgMCAxIDEgMCAyNTZ6Ii8+PC9zdmc+");
 }
+
+.simplebar-scrollbar::before {
+  background-color: #e39827;
+}

src/App.tsx

@@ -1,4 +1,5 @@
 import { FormControl, InputLabel, MenuItem, Select, type SelectChangeEvent } from "@mui/material";
+import "simplebar-react/dist/simplebar.min.css";
 import "./App.css";
 
 import data from "./assets/data/2.0/data.json";

src/assets/SelectRecipeMenu.css

@@ -68,7 +68,7 @@
   gap: 2px;
   background-color: #242324;
   padding: 2px;
-  max-height: calc(40px * 5);
+  max-height: 300px;
   overflow-y: auto;
 }
 .select-menu-content-row {

src/assets/SelectRecipeMenu.tsx

@@ -3,7 +3,6 @@ import Icon from "./icon";
 import "./SelectRecipeMenu.css";
 import Tooltip from "./Tooltip";
 import SimpleBar from "simplebar-react";
-import "simplebar-react/dist/simplebar.min.css";
 
 // Utility type definitions
 export type Category<T> = {