diff --git a/index.html b/index.html
index 6548985..de8d388 100644
--- a/index.html
+++ b/index.html
@@ -83,7 +83,7 @@
   </div>
 
   <!-- Note Detail Container -->
-  <div id="noteDetailContainer" class="hidden flex flex-col bg-white rounded-2xl shadow-2xl max-w-4xl w-full p-6 gap-3 overflow-hidden mt-2.5" style="max-height: calc(100vh - 140px);">
+  <div id="noteDetailContainer" class="hidden flex flex-col bg-white rounded-2xl shadow-2xl max-w-4xl w-full p-6 gap-3 overflow-hidden mt-2.5 max-h-[calc(100vh-140px)]">
     <div class="flex-shrink-0 flex items-center justify-between">
       <div>
         <div class="text-xs text-gray-500" id="noteDetailMeta"></div>