diff --git a/packages/gi-common-components/src/CommonStyleSetting/GroupSelect/index.tsx b/packages/gi-common-components/src/CommonStyleSetting/GroupSelect/index.tsx
index edd6d0c23..3fbe1517c 100644
--- a/packages/gi-common-components/src/CommonStyleSetting/GroupSelect/index.tsx
+++ b/packages/gi-common-components/src/CommonStyleSetting/GroupSelect/index.tsx
@@ -16,7 +16,7 @@ const iconMap = {
   number: <NumberOutlined style={{ color: 'rgb(255, 192, 67)', marginRight: '4px' }} />,
 };
 
-const match = (a: string, b: string) => a.toLocaleLowerCase().includes(b.toLocaleLowerCase());
+const match = (a: string, b: string) => String(a).toLocaleLowerCase().includes(String(b).toLocaleLowerCase());
 
 const getTypeName = (sd: SchemaDatum) => ('nodeType' in sd ? sd.nodeType : sd.edgeType);