diff --git a/js/src/components/Address/InlineAddress.vue b/js/src/components/Address/InlineAddress.vue
index 99c0d7171..9780a95db 100644
--- a/js/src/components/Address/InlineAddress.vue
+++ b/js/src/components/Address/InlineAddress.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="truncate"
+    class="ellipsis"
     :title="
       isDescriptionDifferentFromLocality
         ? `${physicalAddress.description}, ${physicalAddress.locality}`
@@ -8,8 +8,10 @@
     "
   >
     <b-icon icon="map-marker" />
-    <span v-if="physicalAddress.locality">
-      {{ physicalAddress.locality }}
+    <span v-if="isDescriptionDifferentFromLocality">
+      <b>{{ physicalAddress.locality }}</b
+      >,
+      {{ physicalAddress.description }}
     </span>
     <span v-else>
       {{ physicalAddress.description }}
@@ -34,3 +36,13 @@ export default class InlineAddress extends Vue {
   }
 }
 </script>
+<style lang="scss" scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  background-color: #9e9ef2;
+}
+</style>
+