diff --git a/src/public/assets/theme/default/css/framework.css b/src/public/assets/theme/default/css/framework.css
index 2ee105a..185f1eb 100644
--- a/src/public/assets/theme/default/css/framework.css
+++ b/src/public/assets/theme/default/css/framework.css
@@ -203,12 +203,23 @@
 
 .opacity-hover-1:hover {
   opacity: 1;
-  transition: opacity .2s ease-in-out;
+  transition: opacity .2s;
 }
 
 *:hover > .parent-hover-opacity-09 {
   opacity: .9;
-  transition: opacity .2s ease-in-out;
+  transition: opacity .2s;
+}
+
+.max-height-220 {
+  max-height: 220px;
+  overflow: hidden;
+  transition: max-height .2s;
+}
+
+*:hover > .max-height-parent-hover-640 {
+  max-height: 640px;
+  transition: max-height .2s;
 }
 
 .blur-2 {
diff --git a/src/public/index.php b/src/public/index.php
index aa9c142..fd08600 100644
--- a/src/public/index.php
+++ b/src/public/index.php
@@ -307,7 +307,7 @@ echo '<?xml version="1.0" encoding="UTF-8"?>' . PHP_EOL ?>
                           <?php } ?>
                         </div>
                         <?php if ($magnet->metaDescription) { ?>
-                          <div class="margin-y-8"><?php echo $magnet->metaDescription ?></div>
+                          <div class="margin-y-8 max-height-220 max-height-parent-hover-640"><?php echo $magnet->metaDescription ?></div>
                         <?php } ?>
                         <?php if ($magnet->keywords) { ?>
                           <div class="margin-y-8">