diff --git a/BlazorApp/Pages/Gateway/Gateway/GatewayIndex.razor b/BlazorApp/Pages/Gateway/Gateway/GatewayIndex.razor
index a40ec813..26521086 100644
--- a/BlazorApp/Pages/Gateway/Gateway/GatewayIndex.razor
+++ b/BlazorApp/Pages/Gateway/Gateway/GatewayIndex.razor
@@ -2,6 +2,7 @@
 @using BlazorApp.Pages.Common
 @using BlazorApp.Pages.Common.Html.HTable
 @using BlazorApp.Pages.Common.Metadata
+@using BlazorApp.Utils
 @using Entity.Crd.Gateway
 @using k8s.Models
 @using Mapster
@@ -38,7 +39,9 @@
                     <AntDesign.Column Field="@context.Namespace()" Title="@L["Namespace"]" Width="110px"/>
 
                     <AntDesign.Column Title=@L["GatewayClassName"] TData="string" Width="150px">
-                        <ColorfulTag>@context.Spec.GatewayClassName</ColorfulTag>
+                        <RefView OnlyName
+                                 Ref="@KubeHelper.GetObjectRef("GatewayClass", context.Spec.GatewayClassName)">
+                        </RefView>
                     </AntDesign.Column>