diff --git a/html/src/app.scss b/html/src/app.scss
index a58f9f4f..38baf3e0 100644
--- a/html/src/app.scss
+++ b/html/src/app.scss
@@ -368,6 +368,7 @@ a {
     margin: 0;
     width: 120px;
     height: 120px;
+    cursor: pointer;
 }
 
 .x-friend-item > .current-vrcplus-icon {
diff --git a/html/src/index.pug b/html/src/index.pug
index 945c10f2..226b93e1 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -433,6 +433,16 @@ html
                     div(style="margin-top:10px")
                         el-button(size="small" icon="el-icon-switch-button" @click="logout()") Logout
                         el-button(size="small" icon="el-icon-printer" @click="showExportFriendsListDialog()") Export Friends List
+                    div(v-if="API.currentUser.$isVRCPlus" style="margin-top:30px")
+                        span(style="font-weight:bold") VRCPlus Icons
+                        el-button(type="default" @click="displayVRCPlusIconsTable()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
+                        el-button(type="default" @click="VRCPlusIconsTable = []" size="mini" icon="el-icon-delete" circle style="margin-left:0")
+                        el-button(type="default" @click="setVRCPlusIcon('')" size="mini" icon="el-icon-close" circle style="margin:0" :disabled="!API.currentUser.userIcon")
+                        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 }")
+                                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")
                         span(style="font-weight:bold") Past Display Names
                         data-tables(v-bind="pastDisplayNameTable" style="margin-top:5px")
@@ -440,16 +450,6 @@ html
                                 template(v-once #default="scope")
                                     span {{ scope.row.updated_at | formatDate('YYYY-MM-DD HH24:MI:SS') }}
                             el-table-column(label="Name" prop="displayName")
-                    div(v-if="API.currentUser.$isVRCPlus" style="margin-top:30px")
-                        span(style="font-weight:bold") VRCPlus Icons
-                        el-button(type="default" @click="displayVRCPlusIconsTable()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
-                        el-button(type="default" @click="setVRCPlusIcon('')" size="mini" icon="el-icon-close" circle style="margin:0")
-                        input(type="file" @change="onFileChange")
-                        br
-                        .x-friend-item(v-for="icon in VRCPlusIconsTable" :key="icon.id" style="display:inline-block;")
-                            .vrcplus-icon(style="" @click="setVRCPlusIcon(icon.id)" :class="{ 'current-vrcplus-icon': 'https://api.vrchat.cloud/api/1/file/' + icon.id + '/1' === API.currentUser.userIcon }")
-                                img(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")
                         span(style="font-weight:bold") Current User JSON
                         el-button(type="default" @click="refreshCurrentUserTreeData()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")