diff --git a/src/web/pages/resources/components.css b/src/web/pages/resources/components.css
index 764a2d060..780213a59 100644
--- a/src/web/pages/resources/components.css
+++ b/src/web/pages/resources/components.css
@@ -41,10 +41,6 @@
         .id {
             color: var(--secondary);
             font-weight: normal;
-
-            &::before {
-                content: "•";
-            }
         }
     }
 
diff --git a/src/web/pages/templates/_components/device_card.html.j2 b/src/web/pages/templates/_components/device_card.html.j2
index 16ec62027..b8ecfc6b6 100644
--- a/src/web/pages/templates/_components/device_card.html.j2
+++ b/src/web/pages/templates/_components/device_card.html.j2
@@ -10,15 +10,18 @@
                 {% endif %}
             </span>
             {% if style == DeviceCardStyle::Detailed %}
-                <ul class="id bullet-separated">
-                    <li>{{ device_id }}</li>
-                    <li>
-                        {% if let Some(metadata) = oauth_metadata %}
-                            <a href="{{ metadata.client_uri }}">Client website</a>
-                        {% else %}
-                            (legacy)
-                        {% endif %}
-                    </li>
+                <span class="id">
+                    •
+                    <ul class="bullet-separated">
+                        <li>{{ device_id }}</li>
+                        <li>
+                            {% if let Some(metadata) = oauth_metadata %}
+                                <a href="{{ metadata.client_uri }}">Client website</a>
+                            {% else %}
+                                legacy
+                            {% endif %}
+                        </li>
+                    </span>
                 </span>
             {% endif %}
         </div>
diff --git a/src/web/pages/templates/_components/user_card.html.j2 b/src/web/pages/templates/_components/user_card.html.j2
index 4d65685f9..bd02ed6ca 100644
--- a/src/web/pages/templates/_components/user_card.html.j2
+++ b/src/web/pages/templates/_components/user_card.html.j2
@@ -2,8 +2,8 @@
     {{ avatar }}
     <div class="info">
         {% if let Some(display_name) = display_name %}
-        <p class="name">{{ display_name }}</p>
+        <div class="name">{{ display_name }}</div>
         {% endif %}
-        <p class="id">{{ user_id }}</p>
+        <div class="id">{{ user_id }}</div>
     </div>
 </div>