diff --git a/app/Livewire/GlobalSearch.php b/app/Livewire/GlobalSearch.php
index 46dabd7..9e0ea0c 100644
--- a/app/Livewire/GlobalSearch.php
+++ b/app/Livewire/GlobalSearch.php
@@ -7,6 +7,7 @@ use App\Models\User;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Illuminate\View\View;
+use Livewire\Attributes\Locked;
 use Livewire\Component;
 
 class GlobalSearch extends Component
@@ -17,20 +18,26 @@ class GlobalSearch extends Component
     public string $query = '';
 
     /**
-     * Whether to show the search result dropdown.
+     * The search results.
      */
-    public bool $showDropdown = false;
+    #[Locked]
+    public array $result = [];
 
     /**
-     * Whether to show the "no results found" message.
+     * The total number of search results.
      */
-    public bool $noResults = false;
+    #[Locked]
+    public int $count = 0;
 
+    /**
+     * Render the component.
+     */
     public function render(): View
     {
-        return view('livewire.global-search', [
-            'results' => $this->executeSearch($this->query),
-        ]);
+        $this->result = $this->executeSearch($this->query);
+        $this->count = $this->countTotalResults($this->result);
+
+        return view('livewire.global-search');
     }
 
     /**
@@ -39,19 +46,15 @@ class GlobalSearch extends Component
     protected function executeSearch(string $query): array
     {
         $query = Str::trim($query);
-        $results = ['data' => [], 'total' => 0];
 
         if (Str::length($query) > 0) {
-            $results['data'] = [
+            return [
                 'user' => $this->fetchUserResults($query),
                 'mod' => $this->fetchModResults($query),
             ];
-            $results['total'] = $this->countTotalResults($results['data']);
         }
 
-        $this->noResults = $results['total'] === 0;
-
-        return $results;
+        return [];
     }
 
     /**
@@ -59,10 +62,7 @@ class GlobalSearch extends Component
      */
     protected function fetchUserResults(string $query): Collection
     {
-        /** @var array<int, array<string, mixed>> $userHits */
-        $userHits = User::search($query)->raw()['hits'];
-
-        return collect($userHits);
+        return collect(User::search($query)->raw()['hits']);
     }
 
     /**
@@ -70,10 +70,7 @@ class GlobalSearch extends Component
      */
     protected function fetchModResults(string $query): Collection
     {
-        /** @var array<int, array<string, mixed>> $modHits */
-        $modHits = Mod::search($query)->raw()['hits'];
-
-        return collect($modHits);
+        return collect(Mod::search($query)->raw()['hits']);
     }
 
     /**
diff --git a/app/Models/User.php b/app/Models/User.php
index 7182f42..4c268c4 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -127,7 +127,7 @@ class User extends Authenticatable implements MustVerifyEmail
      */
     public function shouldBeSearchable(): bool
     {
-        return ! is_null($this->email_verified_at);
+        return $this->isNotBanned();
     }
 
     /**
diff --git a/resources/views/components/global-search-result-mod.blade.php b/resources/views/components/global-search-result-mod.blade.php
index e8dd449..3bbbfea 100644
--- a/resources/views/components/global-search-result-mod.blade.php
+++ b/resources/views/components/global-search-result-mod.blade.php
@@ -1,10 +1,9 @@
 <a href="/mod/{{ $result['id'] }}/{{ $result['slug'] }}" class="{{ $linkClass }}" role="listitem" tabindex="0" class="flex flex-col">
-    @if(empty($result->thumbnail))
-        <img src="https://placehold.co/450x450/EEE/31343C?font=source-sans-pro&text={{ $result['name'] }}" alt="{{ $result['name'] }}" class="block dark:hidden h-6 w-6 self-center border border-gray-200 group-hover/global-search-link:border-gray-400">
-        <img src="https://placehold.co/450x450/31343C/EEE?font=source-sans-pro&text={{ $result['name'] }}" alt="{{ $result['name'] }}" class="hidden dark:block h-6 w-6 self-center border border-gray-700 group-hover/global-search-link:border-gray-600">
+    @empty ($result['thumbnail'])
+        <img src="https://placehold.co/450x450/31343C/EEE?font=source-sans-pro&text={{ urlencode($result['name']) }}" alt="{{ $result['name'] }}" class="h-6 w-6 self-center border border-gray-700 group-hover/global-search-link:border-gray-600">
     @else
         <img src="{{ Storage::url($result['thumbnail']) }}" alt="{{ $result['name'] }}" class="h-6 w-6 self-center">
-    @endif
+    @endempty
     <p class="flex-grow">{{ $result['name'] }}</p>
     <p class="ml-auto self-center badge-version {{ $result['latestVersionColorClass'] }} }} inline-flex items-center rounded-md px-2 py-1 text-xs font-medium text-nowrap">
         {{ $result['latestVersion'] }}
diff --git a/resources/views/components/global-search-results.blade.php b/resources/views/components/global-search-results.blade.php
deleted file mode 100644
index 12f08b3..0000000
--- a/resources/views/components/global-search-results.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-<div id="search-results"
-     x-cloak
-     x-show="showDropdown && query.length"
-     x-transition
-     aria-live="polite"
-     class="{{ $showDropdown ? 'block' : 'hidden' }} absolute z-10 top-11 w-full mx-auto max-w-2xl transform overflow-hidden rounded-md bg-white dark:bg-gray-900 shadow-2xl border border-gray-300 dark:border-gray-700 transition-all"
->
-    @if ($showDropdown)
-        <h2 class="sr-only">{{ __('Search Results') }}</h2>
-        <div class="max-h-96 scroll-py-2 overflow-y-auto" role="list">
-            @foreach($results['data'] as $typeName => $typeResults)
-                @if($typeResults->count())
-                    <h4 class="flex flex-row gap-1.5 py-2.5 px-4 text-[0.6875rem] font-semibold uppercase text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-950">
-                        <span>{{ Str::plural($typeName) }}</span>
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
-                        </svg>
-                    </h4>
-                    <div class="divide-y divide-dashed divide-gray-200 dark:divide-gray-800">
-                        @foreach($typeResults as $result)
-                            @component('components.global-search-result-' . Str::lower($typeName), [
-                                'result' => $result,
-                                'linkClass' => 'group/global-search-link flex flex-row gap-3 py-1.5 px-4 text-gray-900 dark:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors duration-200 ease-in-out',
-                            ])
-                            @endcomponent
-                        @endforeach
-                    </div>
-                @endif
-            @endforeach
-        </div>
-    @endif
-    @if($noResults)
-        <div class="px-6 py-14 text-center sm:px-14">
-            <svg class="mx-auto h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
-            </svg>
-            <p class="mt-4 text-sm text-gray-900 dark:text-gray-200">{{ __("We couldn't find any content with that query. Please try again.") }}</p>
-        </div>
-    @endif
-</div>
diff --git a/resources/views/livewire/global-search.blade.php b/resources/views/livewire/global-search.blade.php
index e9fcd90..2a0e38a 100644
--- a/resources/views/livewire/global-search.blade.php
+++ b/resources/views/livewire/global-search.blade.php
@@ -1,15 +1,18 @@
-<div x-data="{ query: $wire.entangle('query'), showDropdown: $wire.entangle('showDropdown'), noResults: $wire.entangle('noResults') }"
-     @keydown.esc.window="showDropdown = false"
-     class="flex flex-1 justify-center px-2 lg:ml-6 lg:justify-end"
+<div
+    x-data="{ query: $wire.entangle('query'), count: $wire.entangle('count'), show: false }"
+    class="flex flex-1 justify-center px-2 lg:ml-6 lg:justify-end"
 >
-    <div class="w-full max-w-lg lg:max-w-md"
-         x-trap="showDropdown && query.length"
-         @click.away="showDropdown = false"
-         @keydown.down.prevent="$focus.wrap().next()"
-         @keydown.up.prevent="$focus.wrap().previous()"
-    >
+    <div class="w-full max-w-lg lg:max-w-md">
         <label for="search" class="sr-only">{{ __('Search') }}</label>
-        <search class="relative group" role="search">
+        <search
+            x-trap.noreturn="query.length && show"
+            @click.away="show = false"
+            @keydown.down.prevent="$focus.wrap().next()"
+            @keydown.up.prevent="$focus.wrap().previous()"
+            @keydown.escape.window="$wire.query = '';"
+            class="relative group"
+            role="search"
+        >
             <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
                 <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                     <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" />
@@ -18,15 +21,50 @@
             <input id="global-search"
                    type="search"
                    wire:model.live="query"
-                   @focus="showDropdown = true"
-                   @keydown.escape.window="$wire.query = ''; showDropdown = false; $wire.$refresh()"
+                   @focus="show = true"
                    placeholder="{{ __('Search') }}"
                    aria-controls="search-results"
-                   :aria-expanded="showDropdown"
                    aria-label="{{ __('Search') }}"
                    class="block w-full rounded-md border-0 bg-white dark:bg-gray-700 py-1.5 pl-10 pr-3 text-gray-900 dark:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 placeholder:text-gray-400 dark:placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600 dark:focus:bg-gray-200 dark:focus:text-black dark:focus:ring-0 sm:text-sm sm:leading-6"
             />
-            <x-global-search-results :showDropdown="$showDropdown" :noResults="$noResults" :results="$results" />
+            <div id="search-results"
+                 x-cloak
+                 x-transition
+                 x-show="query.length && show"
+                 aria-live="polite"
+                 class="absolute z-10 top-11 w-full mx-auto max-w-2xl transform overflow-hidden rounded-md bg-white dark:bg-gray-900 shadow-2xl border border-gray-300 dark:border-gray-700 transition-all"
+            >
+                <div x-cloak x-show="count">
+                    <h2 class="sr-only select-none">{{ __('Search Results') }}</h2>
+                    <div class="max-h-96 scroll-py-2 overflow-y-auto" role="list" tabindex="-1">
+                        @foreach($result as $type => $results)
+                            @if ($results->count())
+                                <h4 class="flex flex-row gap-1.5 py-2.5 px-4 text-[0.6875rem] font-semibold uppercase text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-950 select-none">
+                                    <span>{{ Str::plural($type) }}</span>
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
+                                    </svg>
+                                </h4>
+                                <div class="divide-y divide-dashed divide-gray-200 dark:divide-gray-800">
+                                    @foreach($results as $hit)
+                                        @component('components.global-search-result-' . Str::lower($type), [
+                                            'result' => $hit,
+                                            'linkClass' => 'group/global-search-link flex flex-row gap-3 py-1.5 px-4 text-gray-900 dark:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors duration-200 ease-in-out',
+                                        ])
+                                        @endcomponent
+                                    @endforeach
+                                </div>
+                            @endif
+                        @endforeach
+                    </div>
+                </div>
+                <div x-cloak x-show="count < 1" class="px-6 py-14 text-center sm:px-14">
+                    <svg class="mx-auto h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
+                    </svg>
+                    <p class="mt-4 text-sm text-gray-900 dark:text-gray-200">{{ __("We couldn't find any content with that query. Please try again.") }}</p>
+                </div>
+            </div>
         </search>
     </div>
 </div>