diff --git a/console/src/components/input/SearchInput.vue b/console/src/components/input/SearchInput.vue
index 94eff2dd8..cc4f154d7 100644
--- a/console/src/components/input/SearchInput.vue
+++ b/console/src/components/input/SearchInput.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { randomUUID } from "@/utils/id";
 import { getNode, reset } from "@formkit/core";
 import { IconCloseCircle } from "@halo-dev/components";
 
@@ -16,7 +17,7 @@ const emit = defineEmits<{
   (event: "update:modelValue", modelValue: string): void;
 }>();
 
-const id = `search-input-${crypto.randomUUID()}`;
+const id = `search-input-${randomUUID()}`;
 
 function handleReset() {
   emit("update:modelValue", "");