diff --git a/packages/client/src/page/contentInfoPage.tsx b/packages/client/src/page/contentInfoPage.tsx
index 3c1b94e..57c6e0b 100644
--- a/packages/client/src/page/contentInfoPage.tsx
+++ b/packages/client/src/page/contentInfoPage.tsx
@@ -66,7 +66,7 @@ export function ContentInfoPage({ params }: ContentInfoPageProps) {
     const contentLocation = `/doc/${params.id}/reader`;
 
     return (
-        <div className="p-4">
+        <div className="p-4 h-dvh overflow-auto">
             <Link to={contentLocation}>
                 <div className="m-auto h-[400px] mb-4 flex justify-center items-center flex-none bg-[#272733]
             rounded-xl shadow-lg overflow-hidden">
@@ -90,7 +90,7 @@ export function ContentInfoPage({ params }: ContentInfoPageProps) {
                     </CardDescription>
                 </CardHeader>
                 <CardContent>
-                    <div className="grid gap-y-4 gap-x-3 lg:grid-cols-2">
+                    <div className="grid gap-4 grid-cols-[repeat(auto_fill_300px)]">
                         <DescTagItem name="artist" items={classifiedTags.artist} />
                         <DescTagItem name="group" items={classifiedTags.group} />
                         <DescTagItem name="series" items={classifiedTags.series} />