diff --git a/app/resources/js/components/file-info-modal.vue b/app/resources/js/components/file-info-modal.vue
index 47ccfe2..bb7b34a 100644
--- a/app/resources/js/components/file-info-modal.vue
+++ b/app/resources/js/components/file-info-modal.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="file-info-modal" v-bind:class="this.styles" v-on:click.self="hide()"
-        class="fixed top-0 flex justify-center items-center bg-gray-800 bg-opacity-50 w-screen h-screen p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
+        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"
     >
         <div id="file-info-dialogue" v-show="! loading"
             class="bg-white rounded-lg shadow-lg overflow-hidden dark:bg-gray-800 dark:text-white"
diff --git a/app/views/layouts/app.twig b/app/views/layouts/app.twig
index f2c43ed..1aa31d2 100644
--- a/app/views/layouts/app.twig
+++ b/app/views/layouts/app.twig
@@ -22,7 +22,7 @@
         {% block content %}{% endblock %}
     </div>
 
-    <div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-900 bg-opacity-90" v-show="loading">
+    <div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-800 bg-opacity-90 p-4 z-50" v-show="loading">
         <i class="fas fa-spinner fa-pulse fa-5x text-white"></i>
     </div>
 </div>