diff --git a/templates/layout.html b/templates/layout.html
index 4b969af..6df714b 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -69,10 +69,10 @@
 
           <!---------------------------- Search box modal ---------------------------->
           <!-- Greatly inspired by https://www.tailwindtoolbox.com/components/modal -->
-          <div id="search-modal" class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 z-10">
+          <div id="search-modal" class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 flex items-center justify-center z-10">
             <div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div>
 
-            <div class="modal-container bg-white w-9/12 md:max-w-md mx-auto rounded-lg shadow-lg z-50 overflow-y-auto mt-40">
+            <div class="modal-container bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto">
 
               <div class="modal-close absolute top-0 right-0 cursor-pointer flex flex-col items-center mt-4 mr-4 text-white text-sm z-50">
                 <svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
@@ -82,7 +82,7 @@
               </div>
 
               <!-- Modal Content-->
-              <div class="py-4 text-left px-6 flex flex-col">
+              <div class="py-4 text-left px-6">
                 <!-- Modal Title -->
                 <div class="flex justify-between items-center pb-3">
                   <p class="text-2xl font-bold">Search</p>