diff --git a/src/app/components/bars/bars.component.css b/src/app/components/bars/bars.component.css
index 429ddcd7a26ded7a9a0ee4f4ef327a8156ca34fb..6909c8df093464062508c70f3ae782a70aa66d7d 100644
--- a/src/app/components/bars/bars.component.css
+++ b/src/app/components/bars/bars.component.css
@@ -51,4 +51,19 @@
 
 .card-action {
 	flex-grow: 1;
-}
\ No newline at end of file
+}
+
+/* TOP NOTE */
+.top-note {
+	margin: 40px 15px;
+}
+
+.top-note > mat-icon {
+	weight: 50px;
+	height: 50px;
+	font-size: 50px;
+}
+
+.top-note > p {
+	font-weight: 500;
+} 
\ No newline at end of file
diff --git a/src/app/components/bars/bars.component.html b/src/app/components/bars/bars.component.html
index 9b1ef007b47759fab382eda8225ea3ff79515425..01a41e2bd17a8dcab408ab3b5c07a760ab4256d7 100644
--- a/src/app/components/bars/bars.component.html
+++ b/src/app/components/bars/bars.component.html
@@ -1,9 +1,8 @@
-<p>
-	<button mat-raised-button routerLink="/profile" color="primary">profile</button>
-</p>
-<mat-icon>store_mall_directory</mat-icon>
-<p>Choisis ton lieu de beuverie.
-	Tu pourras ensuite accéder à la carte des boissons.</p>
+<div class="row-container center top-note">
+	<mat-icon>store_mall_directory</mat-icon>
+	<p>Choisis ton lieu de beuverie.
+		Tu pourras ensuite accéder à la carte des boissons.</p>
+	</div>
 <section>
 	<div *ngFor="let bar of (bars$ | async)" class=" card row-container center">
 		<div class="card-header">