diff --git a/src/static/app/src/components/configurationComponents/peerCreate.vue b/src/static/app/src/components/configurationComponents/peerCreate.vue
index a3c2cade..bef9807e 100644
--- a/src/static/app/src/components/configurationComponents/peerCreate.vue
+++ b/src/static/app/src/components/configurationComponents/peerCreate.vue
@@ -105,14 +105,18 @@ export default {
 <template>
 	<div class="container">
 		<div class="mb-4">
-			<RouterLink to="peers" is="div" class="d-flex align-items-center gap-4 text-decoration-none">
-				<h3 class="mb-0 text-body">
-					<i class="bi bi-chevron-left"></i>
-				</h3>
-				<h3 class="text-body mb-0">
+			<div class="mb-5 d-flex align-items-center gap-4">
+				<RouterLink to="peers"
+				            class="btn btn-dark btn-brand p-2 shadow" style="border-radius: 100%">
+					<h2 class="mb-0" style="line-height: 0">
+						<i class="bi bi-arrow-left-circle"></i>
+					</h2>
+				</RouterLink>
+				<h2 class="mb-0">
 					<LocaleText t="Add Peers"></LocaleText>
-				</h3>
-			</RouterLink>
+				</h2>
+			</div>
+			
 		</div>
 		<div class="d-flex flex-column gap-2">
 			<BulkAdd :saving="saving" :data="this.data" :availableIp="this.availableIp"></BulkAdd>