fix overflow in Match

src/ui/Match/index.tsx

@@ -19,7 +19,7 @@ import {
 } from "@/api";
 import { useConfig } from "@/config";
 import { accountStore, deckStore, resetUniverse, roomStore } from "@/stores";
-import { Background, IconFont, Select } from "@/ui/Shared";
+import { Background, IconFont, ScrollableArea, Select } from "@/ui/Shared";
 
 import {
   CustomRoomContent,
@@ -330,8 +330,10 @@ const Mode: React.FC<{
   onClick?: () => void;
 }> = ({ title, desc, icon, onClick }) => (
   <div className={styles.mode} onClick={onClick}>
-    <div className={styles.icon}>{icon}</div>
-    <div className={styles.title}>{title}</div>
-    <div className={styles.desc}>{desc}</div>
+    <ScrollableArea maxHeight="15rem">
+      <div className={styles.icon}>{icon}</div>
+      <div className={styles.title}>{title}</div>
+      <div className={styles.desc}>{desc}</div>
+    </ScrollableArea>
   </div>
 );