diff --git a/src/components/card/CardTitle.tsx b/src/components/card/CardTitle.tsx
index f7526a5..8621e29 100644
--- a/src/components/card/CardTitle.tsx
+++ b/src/components/card/CardTitle.tsx
@@ -52,7 +52,7 @@ const CardTitle = ({ link, name, year, image, ratings, titleType, children, ...r
                 <span> ({formatNumber(ratings.numVotes)} votes)</span>
               </p>
             )}
-            {children}
+            <div className={styles.children}>{children}</div>
           </div>
         </a>
       </Link>
diff --git a/src/styles/modules/components/card/card-title.module.scss b/src/styles/modules/components/card/card-title.module.scss
index 913ad5a..02ee532 100644
--- a/src/styles/modules/components/card/card-title.module.scss
+++ b/src/styles/modules/components/card/card-title.module.scss
@@ -35,6 +35,12 @@
   align-content: start;
 }
 
+.children {
+  max-height: 7em; // firefox doesn't support lh yet.
+  max-height: 7lh;
+  overflow: auto;
+}
+
 .name {
   font-size: 1.2em;
 }