diff --git a/html/src/app.dark.scss b/html/src/app.dark.scss
index eb9a3b7f..4c1e5384 100644
--- a/html/src/app.dark.scss
+++ b/html/src/app.dark.scss
@@ -101,13 +101,13 @@ button {
color: #c5cad6;
}
-.el-button:not(.el-button--text) {
+.el-button:not(.el-button--text, .el-button--primary) {
background-color: #353535;
border-color: #404040;
}
-.el-button:not(.el-button--text):focus,
-.el-button:not(.el-button--text):hover {
+.el-button:not(.el-button--text, .el-button--primary):focus,
+.el-button:not(.el-button--text, .el-button--primary):hover {
color: #000;
background-color: #737373;
border-color: #656565;
diff --git a/html/src/index.pug b/html/src/index.pug
index 05ee3bac..abd8fa23 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -1179,12 +1179,13 @@ html
span.name(v-text="world.name")
span.extra(v-if="world.occupants") ({{ world.occupants }})
el-tab-pane(label="Favorite Worlds")
+ el-button(type="default" :loading="userDialog.isFavoriteWorldsLoading" @click="getUserFavoriteWorlds(userDialog.id)" size="mini" icon="el-icon-refresh" circle)
div(v-loading="userDialog.isFavoriteWorldsLoading" style="min-height:60px")
template(v-for="(list, index) in userFavoriteWorlds" v-if="list")
span(style="font-weight:bold;font-size:16px") {{ list[0] }}
i.x-user-status(style="margin-left:5px" :class="userFavoriteWorldsStatus(list[1])")
span(style="color:#909399;font-size:12px;margin-left:5px") {{ list[2].length }}/32
- .x-friend-list(style="margin-top:5px;margin-bottom:20px;min-height:60px")
+ .x-friend-list(style="margin-top:10px;margin-bottom:15px;min-height:60px")
.x-friend-item(v-for="world in list[2]" :key="world.id" @click="showWorldDialog(world.id)")
.avatar
img(v-lazy="world.thumbnailImageUrl")