diff --git a/resources/js/Components/Common/Client/ClientDropdown.vue b/resources/js/Components/Common/Client/ClientDropdown.vue
index e79c9d6c..056c16b8 100644
--- a/resources/js/Components/Common/Client/ClientDropdown.vue
+++ b/resources/js/Components/Common/Client/ClientDropdown.vue
@@ -146,6 +146,7 @@ const highlightedItem = computed(() => {
                     v-if="
                         searchValue.length > 0 && filteredClients.length === 0
                     "
+                    @click="addClientIfNoneExists"
                     class="bg-card-background-active">
                     <div
                         class="flex space-x-3 items-center px-4 py-3 text-xs text-white font-medium border-t rounded-b-lg border-card-background-separator">
diff --git a/resources/js/Components/Common/Tag/TagDropdown.vue b/resources/js/Components/Common/Tag/TagDropdown.vue
index ec0e364e..a462171c 100644
--- a/resources/js/Components/Common/Tag/TagDropdown.vue
+++ b/resources/js/Components/Common/Tag/TagDropdown.vue
@@ -166,6 +166,7 @@ const highlightedItem = computed(() => {
                     v-if="searchValue.length > 0 && filteredTags.length === 0"
                     class="bg-card-background-active">
                     <div
+                        @click="addTagIfNoneExists"
                         class="text-white flex space-x-3 items-center px-4 py-3 text-xs font-medium border-t rounded-b-lg border-card-background-separator">
                         <PlusCircleIcon
                             class="w-5 flex-shrink-0"></PlusCircleIcon>