diff --git a/src/client/component/contentinfo.tsx b/src/client/component/contentinfo.tsx
index 3e90593..de8452a 100644
--- a/src/client/component/contentinfo.tsx
+++ b/src/client/component/contentinfo.tsx
@@ -97,7 +97,7 @@ export const ContentInfo = (props: {
     const subinfoContainer = props.short ? classes.short_subinfoContainer :
         classes.subinfoContainer;
     let allTag = document.tags;
-    const artists = allTag.filter(x => x.startsWith("artist:")).map(x => x.substr(7));
+    const artists = allTag.filter(x => x.startsWith("artist:")).map(x => x.slice(7));
     allTag = allTag.filter(x => !x.startsWith("artist:"));
     return (<Paper className={propclasses.root || rootName} elevation={4}>
         <Link className={propclasses.thumbnail_anchor || thumbnail_anchor} component={RouterLink} to={{
diff --git a/src/client/component/tagchip.tsx b/src/client/component/tagchip.tsx
index 08ca771..62094ab 100644
--- a/src/client/component/tagchip.tsx
+++ b/src/client/component/tagchip.tsx
@@ -63,10 +63,10 @@ export const TagChip = (props:Omit<ChipProps,"color"> & {tagname: string})=>{
     let newlabel:string|undefined = undefined;
     if(typeof label === "string"){
         if(label.startsWith("female:")){
-            newlabel ="♀ "+label.substr(7);
+            newlabel ="♀ "+label.slice(7);
         }
         else if(label.startsWith("male:")){
-            newlabel = "♂ "+label.substr(5);
+            newlabel = "♂ "+label.slice(5);
         }
     }
     return <ColorChip color={getTagColorName(tagname)} label={newlabel||label} {...rest}></ColorChip>;