Update modal input behavior and limit-reached layout

resources/views/components/limit-reached.blade.php

@@ -1,4 +1,4 @@
-<div class="flex flex-col items-center justify-center h-screen">
+<div class="flex flex-col items-center justify-center h-32">
     <span class="text-xl font-bold text-white">You have reached the limit of {{ $name }} you can create.</span>
     <span>Please <a class="text-white underline "href="{{ route('subscription.show') }}">upgrade your
             subscription</a> to create more

resources/views/components/modal-input.blade.php

@@ -6,7 +6,7 @@
     'action' => 'delete',
     'content' => null,
 ])
-<div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" class="relative w-auto h-auto">
+<div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" @keydown.window.escape="modalOpen=false" class="relative w-auto h-auto">
     @if ($content)
         <div @click="modalOpen=true">
             {{ $content }}