diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index 78d78bd..0574014 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -4,7 +4,7 @@
     <HTMLCodeStyleSettings>
       <option name="HTML_ALIGN_ATTRIBUTES" value="false" />
     </HTMLCodeStyleSettings>
-    <SqlCodeStyleSettings version="6">
+    <SqlCodeStyleSettings version="7">
       <option name="DISABLE_FORMATTING" value="true" />
       <option name="IMP_DECLARE_ALIGN_TYPE" value="false" />
       <option name="IMP_DECLARE_ALIGN_EQ" value="false" />
diff --git a/src/components/chuni/music-playlog.tsx b/src/components/chuni/music-playlog.tsx
index 71848b1..9c869ef 100644
--- a/src/components/chuni/music-playlog.tsx
+++ b/src/components/chuni/music-playlog.tsx
@@ -77,10 +77,11 @@ export const ChuniMusicPlaylog = ({ music, playlog }: ChuniMusicPlaylogProps) =>
 				</div> : null}
 				{data.playlog.length ? <Accordion selectedKeys={expanded[i]} onSelectionChange={k => setExpanded(e => ({ ...e, [i]: k as any }))}>
 					<AccordionItem key="1" title="Play History">
-						<div className="grid  grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 5xl:grid-cols-6 6xl:grid-cols-8 gap-2">
+						<div className="grid  grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 4xl:grid-cols-4 5xl:grid-cols-5 6xl:grid-cols-6 gap-2">
 							{data.playlog.map(p => <ChuniPlaylogCard key={p.id}
+								showDetails
 								badgeClass="h-5 sm:h-6 md:h-5 lg:h-[1.125rem] 3xl:h-5"
-								playlog={p} className="h-48" />)}
+								playlog={p} className="h-64 md:h-52" />)}
 						</div>
 					</AccordionItem>
 					</Accordion> : null