diff --git a/web/public/js/components/common/network-addresses-box.js b/web/public/js/components/common/network-addresses-box.js
index 8109954d..a4e76317 100644
--- a/web/public/js/components/common/network-addresses-box.js
+++ b/web/public/js/components/common/network-addresses-box.js
@@ -79,7 +79,7 @@ Vue.component("network-addresses-box", {
 	template: `<div>
 	<input type="hidden" :name="name" :value="JSON.stringify(addresses)"/>
 	<div v-if="addresses.length > 0">
-		<div class="ui label small" v-for="(addr, index) in addresses">
+		<div class="ui label small basic" v-for="(addr, index) in addresses">
 			{{addr.protocol}}://<span v-if="addr.host.length > 0">{{addr.host}}</span><span v-if="addr.host.length == 0">*</span>:{{addr.portRange}}
 			<a href="" @click.prevent="updateAddr(index, addr)" title="修改"><i class="icon pencil small"></i></a>
 			<a href="" @click.prevent="removeAddr(index)" title="删除"><i class="icon remove"></i></a> </div>
diff --git a/web/public/js/components/messages/message-row.js b/web/public/js/components/messages/message-row.js
index 450c40b5..4593792e 100644
--- a/web/public/js/components/messages/message-row.js
+++ b/web/public/js/components/messages/message-row.js
@@ -33,7 +33,7 @@ Vue.component("message-row", {
 			
 			<!-- 健康检查 -->
 			<div v-if="message.type == 'HealthCheckFailed'" style="margin-top: 0.8em">
-				<a :href="'/clusters/cluster/node?clusterId=' + message.cluster.id + '&nodeId=' + param.node.id" v-for="param in params" class="ui label tiny" style="margin-bottom: 0.5em">{{param.node.name}}: {{param.error}}</a>
+				<a :href="'/clusters/cluster/node?clusterId=' + message.cluster.id + '&nodeId=' + param.node.id" v-for="param in params" class="ui label small basic" style="margin-bottom: 0.5em">{{param.node.name}}: {{param.error}}</a>
 			</div>
 			
 			<!-- 集群DNS设置 -->
diff --git a/web/public/js/components/server/server-group-selector.js b/web/public/js/components/server/server-group-selector.js
index e772151c..8c62e974 100644
--- a/web/public/js/components/server/server-group-selector.js
+++ b/web/public/js/components/server/server-group-selector.js
@@ -40,7 +40,7 @@ Vue.component("server-group-selector", {
 	},
 	template: `<div>
 	<div v-if="groups.length > 0">
-		<div class="ui label tiny" v-if="groups.length > 0" v-for="(group, index) in groups">
+		<div class="ui label small basic" v-if="groups.length > 0" v-for="(group, index) in groups">
 			<input type="hidden" name="groupIds" :value="group.id"/>
 			{{group.name}} &nbsp;<a href="" title="删除" @click.prevent="removeGroup(index)"><i class="icon remove"></i></a>
 		</div>
diff --git a/web/views/@default/servers/components/groups/selectPopup.html b/web/views/@default/servers/components/groups/selectPopup.html
index 3913af62..ce4fec0a 100644
--- a/web/views/@default/servers/components/groups/selectPopup.html
+++ b/web/views/@default/servers/components/groups/selectPopup.html
@@ -9,7 +9,7 @@
 			<td class="title">选择分组</td>
 			<td>
 				<div v-if="groups.length > 0">
-					<a href="" class="ui label tiny" v-for="group in groups" :class="{blue:group.id == groupId}" style="margin-bottom:0.5em" @click.prevent="selectGroup(group)">{{group.name}}</a>
+					<a href="" class="ui label small basic" v-for="group in groups" :class="{blue:group.id == groupId}" style="margin-bottom:0.5em" @click.prevent="selectGroup(group)">{{group.name}}</a>
 					<p class="comment">点击可已选中要使用的分组。</p>
 				</div>
 				<div v-else>