diff --git a/web/components/editor.tsx b/web/components/editor.tsx
index 814f0090..0c3b4eec 100644
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@@ -52,7 +52,7 @@ import { debounce } from 'lodash'
 
 const DisplayImage = Image.configure({
   HTMLAttributes: {
-    class: 'max-h-60',
+    class: 'max-h-60 hover:max-h-[120rem] transition-all',
   },
 })