diff --git a/client/src/pages/EntryPage.tsx b/client/src/pages/EntryPage.tsx
index 1028441..477894f 100644
--- a/client/src/pages/EntryPage.tsx
+++ b/client/src/pages/EntryPage.tsx
@@ -12,7 +12,6 @@ export default function EntryPage() {
   const [entry, setEntry] = useState<EntryDetail | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const [compactVideo, setCompactVideo] = useState(true);
 
   const entryId = useMemo(() => {
     try {
@@ -72,12 +71,7 @@ export default function EntryPage() {
       </div>
 
       <div className="video-row">
-        <VideoPlayer src={entry.video_url} variant={compactVideo ? 'compact' : 'wide'} />
-        <div className="video-actions">
-          <button className="button button--ghost" onClick={() => setCompactVideo((v) => !v)}>
-            {compactVideo ? 'Enlarge video' : 'Compact video'}
-          </button>
-        </div>
+        <VideoPlayer src={entry.video_url} variant="compact" />
       </div>
       {ig && (
         <div className="ig-block">
@@ -117,21 +111,6 @@ export default function EntryPage() {
         </div>
       )}
 
-      <div className="meta-box">
-        <div>
-          <div className="label">Mode</div>
-          <div>{entry.meta?.mode || 'n/a'}</div>
-        </div>
-        <div>
-          <div className="label">Type</div>
-          <div>{entry.meta?.type || 'n/a'}</div>
-        </div>
-        <div>
-          <div className="label">Entry ID</div>
-          <div className="muted code">{entry.id}</div>
-        </div>
-      </div>
-
       <GrammarPanel items={entry.items?.grammar} />
       <VocabPanel items={entry.items?.vocab} />
       <KeyPhrasePanel items={entry.items?.key_phrases} />