diff --git a/app/views/components/file-info-modal.twig b/app/views/components/file-info-modal.twig
index 487682f..1fff4a6 100644
--- a/app/views/components/file-info-modal.twig
+++ b/app/views/components/file-info-modal.twig
@@ -1,6 +1,6 @@
 <div class="fixed inset-0 flex justify-center items-center bg-gray-800 bg-opacity-50 p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
     x-data="file-info-modal" x-show="visible" @click.self="hide()" @keyup.escape.window="hide()"
-    @show-file-info.window="show($event.detail.file)" x-transition x-cloak
+    @show-file-info.window="show($event.detail.file)" x-transition.opacity x-cloak
 >
     <div x-show="!loading" x-transition @click.away="hide()" class="bg-white rounded-lg shadow-lg overflow-hidden dark:bg-gray-800 dark:text-white">
         <header class="flex justify-between items-center bg-blue-600 p-4 dark:bg-purple-700">
diff --git a/app/views/layouts/app.twig b/app/views/layouts/app.twig
index c625849..ca839de 100644
--- a/app/views/layouts/app.twig
+++ b/app/views/layouts/app.twig
@@ -26,7 +26,7 @@
         {% block content %}{% endblock %}
     </div>
 
-    <div class="fixed inset-0 flex items-center justify-center bg-gray-600 p-4 z-50" x-show="loading" x-transition>
+    <div class="fixed inset-0 flex items-center justify-center bg-gray-600 p-4 z-50" x-show="loading">
         <i class="fas fa-spinner fa-pulse fa-5x text-white"></i>
     </div>
 </div>