diff --git a/public/call.html b/public/call.html
index 0ec8957..42ff5a4 100644
--- a/public/call.html
+++ b/public/call.html
@@ -138,15 +138,20 @@
                 </div>
                 <div class="divide-y">
                     <div v-for="audioCall in activeAudioCalls" class="flex p-2">
-                        <div>
-                            <div>Call Hash: {{ audioCall.hash }}</div>
-                            <div>Identity: {{ audioCall.remote_identity_hash || "Unknown" }}</div>
-                            <div>Destination: {{ audioCall.remote_destination_hash || "Unknown" }}</div>
-                            <div>
-                                <span v-if="audioCall.is_outbound">Direction: Outbound</span>
-                                <span v-else>Direction: Inbound</span>
+                        <div class="mr-2 my-auto">
+                            <div class="bg-gray-100 p-2 rounded-full">
+                                <svg v-if="audioCall.is_outbound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
+                                    <path d="M3.5 2A1.5 1.5 0 0 0 2 3.5V5c0 1.149.15 2.263.43 3.326a13.022 13.022 0 0 0 9.244 9.244c1.063.28 2.177.43 3.326.43h1.5a1.5 1.5 0 0 0 1.5-1.5v-1.148a1.5 1.5 0 0 0-1.175-1.465l-3.223-.716a1.5 1.5 0 0 0-1.767 1.052l-.267.933c-.117.41-.555.643-.95.48a11.542 11.542 0 0 1-6.254-6.254c-.163-.395.07-.833.48-.95l.933-.267a1.5 1.5 0 0 0 1.052-1.767l-.716-3.223A1.5 1.5 0 0 0 4.648 2H3.5ZM16.5 4.56l-3.22 3.22a.75.75 0 1 1-1.06-1.06l3.22-3.22h-2.69a.75.75 0 0 1 0-1.5h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V4.56Z" />
+                                </svg>
+                                <svg v-else xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
+                                    <path d="M3.5 2A1.5 1.5 0 0 0 2 3.5V5c0 1.149.15 2.263.43 3.326a13.022 13.022 0 0 0 9.244 9.244c1.063.28 2.177.43 3.326.43h1.5a1.5 1.5 0 0 0 1.5-1.5v-1.148a1.5 1.5 0 0 0-1.175-1.465l-3.223-.716a1.5 1.5 0 0 0-1.767 1.052l-.267.933c-.117.41-.555.643-.95.48a11.542 11.542 0 0 1-6.254-6.254c-.163-.395.07-.833.48-.95l.933-.267a1.5 1.5 0 0 0 1.052-1.767l-.716-3.223A1.5 1.5 0 0 0 4.648 2H3.5ZM16.72 2.22a.75.75 0 1 1 1.06 1.06L14.56 6.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.22-3.22Z" />
+                                </svg>
                             </div>
                         </div>
+                        <div>
+                            <div>Destination: {{ audioCall.remote_destination_hash || "Unknown" }}</div>
+                            <div class="text-sm text-gray-500">Call Hash: {{ audioCall.hash }}</div>
+                        </div>
                         <div class="flex space-x-2 ml-auto my-auto mx-2">
 
                             <!-- rejoin call -->