diff --git a/src/main/configMigrations.ts b/src/main/configMigrations.ts
index a598654..90c4f3d 100644
--- a/src/main/configMigrations.ts
+++ b/src/main/configMigrations.ts
@@ -24,6 +24,6 @@ export function runConfigMigrations() {
     }
 
     set(overlay, {type: 'nowPlaying'});
-    set(overlay.config, {theme: 'modern'});
+    set(overlay.config, {theme: 'tracklist'});
   })();
 }
diff --git a/src/overlay/overlays/nowPlaying/index.tsx b/src/overlay/overlays/nowPlaying/index.tsx
index 4f0ef7c..07e392f 100644
--- a/src/overlay/overlays/nowPlaying/index.tsx
+++ b/src/overlay/overlays/nowPlaying/index.tsx
@@ -17,7 +17,7 @@ import {Tags, availableTags} from './tags';
 import ThemeModern from './ThemeModern';
 
 const themes = {
-  modern: {label: 'Modern', component: ThemeModern},
+  tracklist: {label: 'Track List', component: ThemeModern},
 } as const;
 
 type Theme = keyof typeof themes;
@@ -56,14 +56,17 @@ const Example: React.FC<{config?: NowPlayingConfig}> = observer(({config}) => {
 
   const history = liveHistory.length === 0 ? demoHistory : liveHistory;
 
-  const theme = config?.theme ?? 'modern';
+  const theme = config?.theme ?? 'tracklist';
   const Overlay = themes[theme].component;
 
   const example =
     history.length === 0 ? (
       <EmptyExample />
     ) : (
-      <Overlay config={config ?? {theme: 'modern'}} history={history.slice().reverse()} />
+      <Overlay
+        config={config ?? {theme: 'tracklist'}}
+        history={history.slice().reverse()}
+      />
     );
 
   return (
@@ -169,7 +172,7 @@ const descriptor: OverlayDescriptor<TaggedNowPlaying> = {
   example: Example,
   configInterface: ConfigInterface,
   defaultConfig: {
-    theme: 'modern',
+    theme: 'tracklist',
     historyCount: 4,
     tags: ['album', 'label', 'comment'],
   },