diff --git a/doc/_extensions/zephyr/domain/__init__.py b/doc/_extensions/zephyr/domain/__init__.py
index 4814e3cc591734..1751b39d820ff9 100644
--- a/doc/_extensions/zephyr/domain/__init__.py
+++ b/doc/_extensions/zephyr/domain/__init__.py
@@ -253,6 +253,7 @@ def convert_node(self, node):
             sidebar += field_list
 
             details = [
+                ("Name", nodes.literal(text=node["id"])),
                 ("Vendor", node["vendor"]),
                 ("Architecture", ", ".join(node["archs"])),
                 ("SoC", ", ".join(node["socs"])),
@@ -262,7 +263,10 @@ def convert_node(self, node):
                 field = nodes.field()
                 field_name = nodes.field_name(text=property_name)
                 field_body = nodes.field_body()
-                field_body += nodes.paragraph(text=value)
+                if isinstance(value, nodes.Node):
+                    field_body += value
+                else:
+                    field_body += nodes.paragraph(text=value)
                 field += field_name
                 field += field_body
                 field_list += field
diff --git a/doc/_static/css/custom.css b/doc/_static/css/custom.css
index 3713d09ea0870d..b7e4e54e8814f0 100644
--- a/doc/_static/css/custom.css
+++ b/doc/_static/css/custom.css
@@ -1159,8 +1159,15 @@ li>a.code-sample-link.reference.internal.current {
     margin-top: 12px !important;
     margin-bottom: 12px !important;
     grid-template-columns: auto 1fr !important;
+    padding-right: 1em;
 }
 
 .sidebar.board-overview dl.field-list > dt {
     background: transparent !important;
 }
+
+.sidebar.board-overview dl.field-list>dd {
+    margin-left: 1em;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}