diff --git a/index.css b/index.css
index 077aea4..fd9ab2d 100644
--- a/index.css
+++ b/index.css
@@ -2,6 +2,15 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer utilities {
+  @variants responsive {
+    .max-h-65vh {
+      max-height: 65vh;
+    }
+  }
+}
+
+
 :root {
     --subtle-detail-color: #e5f5ff;
     --subtle-detail-color-contrast: black;
diff --git a/tailwind.config.js b/tailwind.config.js
index 82f3a82..d9eca07 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,13 @@ module.exports = {
   ],
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    extend: {
+      // This does not work and I don't know why.
+      // Luckily index.css "@layer utilities" has the same effekt.
+      // maxHeight: {
+      //   '65vh': '65vh',
+      // },
+    },
   },
   variants: {
     extend: {},