diff --git a/html/src/app.js b/html/src/app.js
index 4ebfc8da..6de6c2e2 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -7551,6 +7551,16 @@ import gameLogService from './service/gamelog.js'
         });
     };
 
+    $app.methods.compareCurrentVRCPlusIcon = function (userIcon) {
+        var url = new URL(API.currentUser.userIcon);
+        var pathArray = url.pathname.split('/');
+        var currentUserIcon = pathArray[4];
+        if (userIcon === currentUserIcon) {
+            return true;
+        }
+        return false;
+    };
+
     // requres decoding base64 body on C# side
     $app.methods.onFileChangeVRCPlusIcon = function (e) {
         var files = e.target.files || e.dataTransfer.files;
diff --git a/html/src/index.pug b/html/src/index.pug
index 98617452..37f170b8 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -439,7 +439,7 @@ html
                         //- input(type="file" @change="onFileChangeVRCPlusIcon")
                         br
                         .x-friend-item(v-for="icon in VRCPlusIconsTable" :key="icon.id" style="display:inline-block;cursor:auto;")
-                            .vrcplus-icon(style="" @click="setVRCPlusIcon(icon.id)" :class="{ 'current-vrcplus-icon': 'https://api.vrchat.cloud/api/1/file/' + icon.id + '/1' === API.currentUser.userIcon }")
+                            .vrcplus-icon(style="" @click="setVRCPlusIcon(icon.id)" :class="{ 'current-vrcplus-icon': compareCurrentVRCPlusIcon(icon.id) }")
                                 img.avatar(v-if="icon.versions[1].file.url" v-lazy="icon.versions[1].file.url")
                             el-button(type="default" @click="deleteVRCPlusIcon(icon.id)" size="mini" icon="el-icon-delete" circle style="float:right;")
                     div(style="margin-top:30px")