diff --git a/public/iconify/material-symbols.json b/public/iconify/material-symbols.json
index d80490c..6e3e431 100644
--- a/public/iconify/material-symbols.json
+++ b/public/iconify/material-symbols.json
@@ -38,6 +38,9 @@
     },
     "check-circle": {
       "body": "<path fill=\"currentColor\" d=\"m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22\"/>"
+    },
+    "cancel": {
+      "body": "<path fill=\"currentColor\" d=\"m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22\"/>"
     }
   }
 }
diff --git a/src/views/namespace/index.vue b/src/views/namespace/index.vue
index 46e3455..5f5faab 100644
--- a/src/views/namespace/index.vue
+++ b/src/views/namespace/index.vue
@@ -46,15 +46,13 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'center',
       width: 40,
       render: row => (
-        <>
+        <div class="flex justify-center">
           {namespaceId.value === row.uniqueId! ? (
-            <div class="flex justify-center">
-              <SvgIcon icon="material-symbols:check-circle" class="text-20px color-success" />
-            </div>
+            <SvgIcon icon="material-symbols:check-circle" class="text-20px color-success" />
           ) : (
-            ''
+            <SvgIcon icon="material-symbols:cancel" class="text-20px color-gray400" />
           )}
-        </>
+        </div>
       )
     },
     {