diff --git a/src/pages/haiku/[...slug].astro b/src/pages/haiku/[...slug].astro
index aa8b722..3a1e436 100644
--- a/src/pages/haiku/[...slug].astro
+++ b/src/pages/haiku/[...slug].astro
@@ -38,18 +38,18 @@ const description = '…';
 			backLink="/haiku/"
 		/>
 		<div
-			class="haiku:grid-cols-[repeat(auto-fit,_minmax(25rem,_1fr)] col-span-full row-start-1 row-end-3 grid w-full grid-cols-[repeat(auto-fit,_minmax(15rem,_1fr))]"
+			class="min-[700px]:grid-cols-[repeat(auto-fit,_minmax(25rem,_1fr)] col-span-full row-start-1 row-end-3 grid w-full grid-cols-[repeat(auto-fit,_minmax(15rem,_1fr))]"
 		>
 			<div class="grid h-full w-full items-center">
 				<Verse
-					class="justify-center text-center text-3 font-black not-italic !leading-relaxed haiku:text-4"
+					class="justify-center text-center text-3 font-black not-italic !leading-relaxed min-[700px]:text-4"
 				>
 					{entry.data.de}
 				</Verse>
 			</div>
 			<div class="grid h-full w-full items-center bg-[#d0cdc8] dark:bg-[#0e0d0c]">
 				<Verse
-					class="justify-center text-center text-3 font-black not-italic !leading-relaxed haiku:text-4"
+					class="justify-center text-center text-3 font-black not-italic !leading-relaxed min-[700px]:text-4"
 				>
 					{entry.data.en}
 				</Verse>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 34d64c4..647f68f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -9,7 +9,6 @@ module.exports = {
 				md: '768px',
 				xl: '1280px',
 				'3xl': '1800px',
-				haiku: '25rem',
 			},
 			colors: {
 				accent: '#e60510',