diff --git a/assets/css/components/friends/listModal.css b/assets/css/components/friends/listModal.css
index b68338a0..cf6ee2b3 100644
--- a/assets/css/components/friends/listModal.css
+++ b/assets/css/components/friends/listModal.css
@@ -2,4 +2,35 @@
  * Friends list modal stylesheet
  *
  * @author Pierre HUBERT
- */
\ No newline at end of file
+ */
+
+.friends-list-ro .friend {
+	display: inline-block;
+	width: 170px;
+	max-width: 100%;
+	margin: 5px;
+}
+
+.friends-list-ro .friend a {
+	color: white;
+}
+
+.friends-list-ro .friend a:hover {
+	color: #001F3F;
+}
+
+.friends-list-ro .friend img {
+	margin: auto 10px auto auto;
+	max-width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	visibility: visible;
+}
+
+.friends-list-ro .friend .friends-name {
+	display: inline-block;
+	white-space: normal;
+	max-width: 100px;
+	text-align: left;
+	vertical-align: middle;
+}
\ No newline at end of file
diff --git a/assets/js/components/friends/listModal.js b/assets/js/components/friends/listModal.js
index 7e21ec12..3316bb1f 100644
--- a/assets/js/components/friends/listModal.js
+++ b/assets/js/components/friends/listModal.js
@@ -198,7 +198,7 @@ ComunicWeb.components.friends.listModal = {
 				//Add users name
 				createElem2({
 					appendTo: userLink,
-					type: "span",
+					type: "div",
 					class: "friends-name",
 					innerHTML: userFullName(users["user-" + id])
 				});