diff --git a/src/layouts/components/navbar/components/middle-side/index.vue b/src/layouts/components/navbar/components/middle-side/index.vue
index 71b2ccf..4a7c94e 100644
--- a/src/layouts/components/navbar/components/middle-side/index.vue
+++ b/src/layouts/components/navbar/components/middle-side/index.vue
@@ -36,7 +36,7 @@ export default {
           v-slots={{
             suffix: () => (
               <div class=" rounded-16px w-32px h-32px flex justify-center items-center icon " onClick={handleSearch}>
-                <SvgIcon name="xt-arrow-right" size={20} class="color-#6D4CFE" />
+                <SvgIcon name="xt-arrow-right" size={20} class="!color-#6D4CFE" />
               </div>
             ),
           }}