diff --git a/README.md b/README.md
index 49da5f2c..884aae85 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,9 @@ Due to Google's policies on custom YouTube frontends, Materialious isn't availab
 ## Player
 ![Preview of player](./previews/player-preview.png)
 
+## Transcript
+![Preview of player transcript](./previews/transcript-preview.png)
+
 ## Settings
 ![Preview of settings](./previews/setting-preview.png)
 
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index e270bb5e..550d0d6a 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -637,7 +637,7 @@
 					{/each}
 				{/if}
 			{:else}
-				<article style="height: 75vh; position: relative;" id="playlist" class="scroll no-padding">
+				<article style="height: 85vh; position: relative;" id="playlist" class="scroll no-padding">
 					<article class="no-elevate" style="position: sticky; top: 0; z-index: 3;">
 						<h6>{playlist.title}</h6>
 						<p>
diff --git a/previews/chapter-previews.png b/previews/chapter-previews.png
index 610ab1d3..f4e05357 100644
Binary files a/previews/chapter-previews.png and b/previews/chapter-previews.png differ
diff --git a/previews/player-preview.png b/previews/player-preview.png
index 1b3db36f..42730c53 100644
Binary files a/previews/player-preview.png and b/previews/player-preview.png differ
diff --git a/previews/playlist-preview-2.png b/previews/playlist-preview-2.png
index 14f80097..5c3f7d1f 100644
Binary files a/previews/playlist-preview-2.png and b/previews/playlist-preview-2.png differ
diff --git a/previews/transcript-preview.png b/previews/transcript-preview.png
new file mode 100644
index 00000000..5911fe7f
Binary files /dev/null and b/previews/transcript-preview.png differ