Updated styles

src/app/(stats)/player/[ign]/_client.tsx

@@ -28,7 +28,7 @@ export default function PlayerStats(
     { stats, achievements }: { stats: NonNullable<Player["player"]["stats"]>, achievements: Player["player"]["achievements"] }
 ) {
     return (
-        <div className="w-full md:w-3/4">
+        <div className="mx-auto w-full md:max-w-none lg:mx-0 lg:w-3/4 max-w-120">
             <Accordion type="multiple" className="space-y-4">
                 <BedwarsStats stats={stats.Bedwars} />
                 <SkyWarsStats

src/app/(stats)/player/[ign]/_components/Sidebar.tsx

@@ -290,7 +290,7 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
     }
 
     return (
-        <Card className="w-full md:w-1/4">
+        <Card className="mx-auto w-full md:max-w-none lg:mx-0 lg:w-1/4 max-w-120">
             <CardContent>
                 <General />
                 <Separator className="my-4" />

src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx

@@ -1,21 +1,23 @@
 import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
 import { Card, CardContent } from "@/components/ui/card"
+import { cn } from "@/lib/utils"
 import { ReactNode } from "react"
 import CollapsedStats from "../_components/CollapsedStats"
 
 export default function GeneralStats(
-    { id, title, children, collapsedStats }: {
+    { id, title, children, collapsedStats, className }: {
         id: string
         title: string
         children: ReactNode
         collapsedStats: Parameters<typeof CollapsedStats>[0]["stats"]
+        className?: string
     }
 ) {
     return (
         <AccordionItem value={id}>
             <Card className="py-0">
                 <CardContent>
-                    <AccordionTrigger className="items-center py-2 hover:no-underline hover:cursor-pointer">
+                    <AccordionTrigger className={cn("items-center py-2 hover:no-underline hover:cursor-pointer overflow-y-auto", className)}>
                         <h1 className="text-xl font-bold">{title}</h1>
                         <div className="flex gap-4">
                             <CollapsedStats stats={collapsedStats} />