diff --git a/resources/assets/styles/components/miscellaneous.css b/resources/assets/styles/components/miscellaneous.css
index a778c58c..9007161b 100644
--- a/resources/assets/styles/components/miscellaneous.css
+++ b/resources/assets/styles/components/miscellaneous.css
@@ -68,3 +68,15 @@ code {
         @apply .border .border-grey-light .bg-white .rounded .p-4 .justify-between .leading-normal;
     }
 }
+
+.server-search {
+    @apply .w-full .my-4;
+
+    & > input[type="text"] {
+        @apply .w-full .p-3 .rounded .border .text-grey-darker;
+
+        &:focus {
+            @apply .border-blue-light;
+        }
+    }
+}
diff --git a/resources/themes/pterodactyl/templates/base/core.blade.php b/resources/themes/pterodactyl/templates/base/core.blade.php
index 5cee9b6d..353d1f3d 100644
--- a/resources/themes/pterodactyl/templates/base/core.blade.php
+++ b/resources/themes/pterodactyl/templates/base/core.blade.php
@@ -24,7 +24,7 @@
                 </li>
                 <li>
                     <a href="{{ route('auth.logout') }}">
-                        <span>L</span>
+                        <span>Logout</span>
                     </a>
                 </li>
             </ul>
@@ -33,7 +33,10 @@
 @endsection
 
 @section('container')
-    <div class="w-full m-auto mt-8 animate fadein sm:flex flex-wrap content-start">
+    <div class="server-search animate fadein">
+        <input type="text" placeholder="search for servers..."/>
+    </div>
+    <div class="w-full m-auto mt-4 animate fadein sm:flex flex-wrap content-start">
         @foreach($servers as $server)
             <div class="server-box">
                 <div class="content">