diff --git a/app/Models/User.php b/app/Models/User.php
index 3b65fa8bb..3827bb5a0 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -74,4 +74,10 @@ class User extends Authenticatable
             return $team->id != $team_id;
         });
     }
+    public function resources()
+    {
+        $team_id = data_get(session('currentTeam'), 'id');
+        $data = Application::where('team_id', $team_id)->get();
+        return $data;
+    }
 }
diff --git a/package-lock.json b/package-lock.json
index 85630fe3a..bcb3b48ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,8 +5,7 @@
     "packages": {
         "": {
             "dependencies": {
-                "alpinejs": "3.12.0",
-                "vue-select": "^4.0.0-beta.6"
+                "alpinejs": "3.12.0"
             },
             "devDependencies": {
                 "@vitejs/plugin-vue": "^4.0.0",
@@ -23,6 +22,7 @@
             "version": "7.21.8",
             "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
             "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+            "dev": true,
             "bin": {
                 "parser": "bin/babel-parser.js"
             },
@@ -488,6 +488,7 @@
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
             "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
+            "dev": true,
             "dependencies": {
                 "@babel/parser": "^7.16.4",
                 "@vue/shared": "3.2.47",
@@ -498,12 +499,14 @@
         "node_modules/@vue/compiler-core/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/compiler-dom": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
             "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
+            "dev": true,
             "dependencies": {
                 "@vue/compiler-core": "3.2.47",
                 "@vue/shared": "3.2.47"
@@ -512,12 +515,14 @@
         "node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/compiler-sfc": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
             "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
+            "dev": true,
             "dependencies": {
                 "@babel/parser": "^7.16.4",
                 "@vue/compiler-core": "3.2.47",
@@ -534,12 +539,14 @@
         "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/compiler-ssr": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
             "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
+            "dev": true,
             "dependencies": {
                 "@vue/compiler-dom": "3.2.47",
                 "@vue/shared": "3.2.47"
@@ -548,7 +555,8 @@
         "node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/reactivity": {
             "version": "3.1.5",
@@ -562,6 +570,7 @@
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
             "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
+            "dev": true,
             "dependencies": {
                 "@babel/parser": "^7.16.4",
                 "@vue/compiler-core": "3.2.47",
@@ -573,12 +582,14 @@
         "node_modules/@vue/reactivity-transform/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/runtime-core": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
             "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
+            "dev": true,
             "dependencies": {
                 "@vue/reactivity": "3.2.47",
                 "@vue/shared": "3.2.47"
@@ -588,6 +599,7 @@
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
             "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
+            "dev": true,
             "dependencies": {
                 "@vue/shared": "3.2.47"
             }
@@ -595,12 +607,14 @@
         "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/runtime-dom": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
             "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
+            "dev": true,
             "dependencies": {
                 "@vue/runtime-core": "3.2.47",
                 "@vue/shared": "3.2.47",
@@ -610,12 +624,14 @@
         "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/server-renderer": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
             "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
+            "dev": true,
             "dependencies": {
                 "@vue/compiler-ssr": "3.2.47",
                 "@vue/shared": "3.2.47"
@@ -627,7 +643,8 @@
         "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/@vue/shared": {
             "version": "3.1.5",
@@ -894,7 +911,8 @@
         "node_modules/csstype": {
             "version": "2.6.21",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
-            "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+            "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==",
+            "dev": true
         },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
@@ -972,7 +990,8 @@
         "node_modules/estree-walker": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "dev": true
         },
         "node_modules/fast-glob": {
             "version": "3.2.12",
@@ -1262,6 +1281,7 @@
             "version": "0.25.9",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
             "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+            "dev": true,
             "dependencies": {
                 "sourcemap-codec": "^1.4.8"
             }
@@ -1336,6 +1356,7 @@
             "version": "3.3.6",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
             "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -1418,7 +1439,8 @@
         "node_modules/picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
@@ -1454,6 +1476,7 @@
             "version": "8.4.23",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
             "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -1728,6 +1751,7 @@
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1736,6 +1760,7 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
             "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1744,7 +1769,8 @@
             "version": "1.4.8",
             "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
             "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-            "deprecated": "Please use @jridgewell/sourcemap-codec instead"
+            "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+            "dev": true
         },
         "node_modules/sucrase": {
             "version": "3.32.0",
@@ -1958,6 +1984,7 @@
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
             "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
+            "dev": true,
             "dependencies": {
                 "@vue/compiler-dom": "3.2.47",
                 "@vue/compiler-sfc": "3.2.47",
@@ -1966,18 +1993,11 @@
                 "@vue/shared": "3.2.47"
             }
         },
-        "node_modules/vue-select": {
-            "version": "4.0.0-beta.6",
-            "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
-            "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
-            "peerDependencies": {
-                "vue": "3.x"
-            }
-        },
         "node_modules/vue/node_modules/@vue/shared": {
             "version": "3.2.47",
             "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+            "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==",
+            "dev": true
         },
         "node_modules/wrappy": {
             "version": "1.0.2",
diff --git a/resources/js/app.js b/resources/js/app.js
index f460d8d94..f96ddc84e 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,10 +1,9 @@
-
-import Alpine from 'alpinejs'
-import { createApp } from 'vue';
-import MagicSearchBar from './components/MagicSearchBar.vue';
-window.Alpine = Alpine
-Alpine.start()
+import Alpine from "alpinejs";
+import { createApp } from "vue";
+import MagicSearchBar from "./components/MagicSearchBar.vue";
+window.Alpine = Alpine;
+Alpine.start();
 
 const app = createApp({});
-app.component('magic-search-bar', MagicSearchBar);
-app.mount('#vue');
+// app.component('magic-search-bar', MagicSearchBar);
+// app.mount('#vue');
diff --git a/resources/js/components/MagicSearchBar.vue b/resources/js/components/MagicSearchBar.vue
index 5f2bc9bd8..b8bfbd757 100644
--- a/resources/js/components/MagicSearchBar.vue
+++ b/resources/js/components/MagicSearchBar.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="flex justify-center">
         <div class="flex flex-col">
-            <input v-model="search" class="w-96" placeholder="🪄 Let the magic happen... Just type...">
-            <div class="mt-1 text-sm bg-neutral-800">
+            <input @focus="toggle" @blur="toggleAndClear" v-model="search" class="w-96" placeholder="🪄 Let the magic happen... Just type...">
+            <div v-if="menuOpen" class="absolute text-sm top-11 w-[25rem] bg-neutral-800">
                 <div class="py-2 pl-4 cursor-pointer hover:bg-neutral-700" v-for="(item, index) in filteredItems(items)">
                     {{ item.name }}
                 </div>
@@ -16,6 +16,7 @@
 export default {
     data() {
         return {
+            menuOpen : false,
             search: '',
             selectedMenus: '',
             items: [{
@@ -38,6 +39,13 @@ export default {
         }
     },
     methods: {
+        toggle() {
+            this.menuOpen = !this.menuOpen
+        },
+        toggleAndClear() {
+            this.menuOpen = false
+            this.search = ''
+        },
         filteredItems(items) {
             console.log(items)
             return items.filter(item => {
diff --git a/resources/views/components/magic-search-bar.blade.php b/resources/views/components/magic-search-bar.blade.php
new file mode 100644
index 000000000..4e086a6cb
--- /dev/null
+++ b/resources/views/components/magic-search-bar.blade.php
@@ -0,0 +1,71 @@
+@props(['data' => []])
+<div x-data="magicsearchbar">
+    <input x-model="search" class="w-96" x-on:click="open = true" x-on:click.outside="close"
+        placeholder="🪄 Add / find anything" />
+    <div x-cloak x-show="open" class="absolute text-sm top-11 w-[25rem] bg-neutral-800">
+        <template x-for="item in filteredItems" :key="item.name">
+            <div x-on:click="execute(item.action)" class="py-2 pl-4 cursor-pointer hover:bg-neutral-700">
+                <span class="px-2 mr-1 text-xs bg-purple-700 rounded" x-show="item.type" x-text="item.type"></span>
+                <span x-text="item.name"></span>
+            </div>
+        </template>
+    </div>
+</div>
+
+<script>
+    document.addEventListener('alpine:init', () => {
+        const data = @js($data);
+        console.log(data)
+        Alpine.data('magicsearchbar', () => ({
+            open: false,
+            search: '',
+            items: [{
+                name: 'Public Repository',
+                type: 'add',
+                tags: 'application,public,repository',
+                action: 'public-repo',
+            }, {
+                name: 'Private Repository (with GitHub App)',
+                type: 'add',
+                tags: 'application,private,repository',
+                action: 'github-private-repo-app'
+            }, {
+                name: 'Private Repository (with Deploy Key)',
+                type: 'add',
+                tags: 'application,private,repository',
+                action: 'github-private-repo-deploy-key'
+            }, {
+                name: 'Database',
+                type: 'add',
+                tags: 'data,database,mysql,postgres,sql,sqlite,redis,mongodb,maria,percona',
+                action: 'database'
+            }],
+            close() {
+                this.open = false
+                this.search = ''
+            },
+            filteredItems() {
+                if (this.search === '') return this.items
+                return this.items.filter(item => {
+                    return item.name.toLowerCase().includes(this.search.toLowerCase())
+                })
+            },
+            execute(action) {
+                switch (action) {
+                    case 'public-repo':
+                        window.location.href = '/project/new/public-repository'
+                        break
+                    case 'github-private-repo-app':
+                        window.location.href = '/project/new/github-private-repository'
+                        break
+                    case 'github-private-repo-deploy-key':
+                        window.location.href = '/project/new/github-private-repository-deploy-key'
+                        break
+                    case 'database':
+                        window.location.href = '/database/new'
+                        break
+                }
+            }
+        }))
+    })
+</script>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index bacc0b37e..487acf1f5 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -7,6 +7,8 @@
         @if (auth()->user()->isRoot())
             <a href="/settings">Settings</a>
         @endif
+        <x-magic-search-bar />
+        <div class="flex-1"></div>
         <form action="/logout" method="POST">
             @csrf
             <x-inputs.button type="submit">Logout</x-inputs.button>
diff --git a/resources/views/project/new.blade.php b/resources/views/project/new.blade.php
index 8d2926987..339be4026 100644
--- a/resources/views/project/new.blade.php
+++ b/resources/views/project/new.blade.php
@@ -4,9 +4,6 @@
     @elseif ($type === 'resource')
         <h1>New Resource</h1>
     @endif
-    <div id="vue">
-        <magic-search-bar></magic-search-bar>
-    </div>
     <div x-data="{ activeTab: 'choose' }">
         <div class="flex flex-col w-64 gap-2 mb-10">
             <x-inputs.button @click.prevent="activeTab = 'public-repo'">Public Repository</x-inputs.button>