diff --git a/css/style.css b/css/style.css
index 6109208..c27252b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -125,13 +125,14 @@
 }
 
 .app-content-list-item-icon{
-   width: 20px;
-   height: 20px;
+   width: 30px;
+   height: 30px;
    margin: 10px;
-   color: white;
    font-size: large;
    text-align: center;
    border-radius: 100%;
+   padding: 3.3px;
+   border: 1px solid #0002;
 }
 
 
@@ -152,4 +153,15 @@
 
 .text-success{
    color: green !important;
+}
+
+.profile-item{
+   display: inline-flex;
+   width: 100%;
+}
+
+
+.profile-item-username{
+   width: 100%;
+   padding: 3px 10px;
 }
\ No newline at end of file
diff --git a/js/contacts.js b/js/contacts.js
index 2059772..3dbfbc0 100644
--- a/js/contacts.js
+++ b/js/contacts.js
@@ -28,7 +28,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
                                         <div class="app-content-list-item-icon" style="">
                                             <img src="https://cdn-icons-png.flaticon.com/512/16/16363.png">
                                         </div>
-                                        <div class="app-content-list-item-line-one" id="show_result" >
+                                        <div class="app-content-list-item-line-one profile-item-username" id="show_result" >
                                             <p class="displayname">${displayName}</p><p class="username-provider">${username}@${provider}</p>
                                         </div>  
                                     </div>`;