diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
index a2f92be9..7c62ce5d 100644
--- a/umap/static/umap/base.css
+++ b/umap/static/umap/base.css
@@ -60,6 +60,21 @@ kbd {
   display: inline-block;
   white-space: nowrap;
 }
+h3 {
+    font-size: 1.2rem;
+}
+h4 {
+    font-size: 1.1rem;
+}
+hgroup > * {
+    margin-bottom: 0;
+}
+hgroup {
+    margin-bottom: var(--box-space);
+}
+hgroup > :not(:first-child):last-child {
+    font-weight: normal;
+}
 
 /*
 * List
diff --git a/umap/static/umap/js/modules/caption.js b/umap/static/umap/js/modules/caption.js
index f721286a..90d53867 100644
--- a/umap/static/umap/js/modules/caption.js
+++ b/umap/static/umap/js/modules/caption.js
@@ -18,8 +18,9 @@ export default class Caption {
 
   open() {
     const container = DomUtil.create('div', 'umap-caption')
-    DomUtil.createTitle(container, this.map.options.name, 'icon-caption icon-block')
-    this.map.permissions.addOwnerLink('h5', container)
+    const hgroup = DomUtil.element({tagName: 'hgroup', parent: container})
+    DomUtil.createTitle(hgroup, this.map.options.name, 'icon-caption icon-block')
+    this.map.permissions.addOwnerLink('h4', hgroup)
     if (this.map.options.description) {
       const description = DomUtil.element({
         tagName: 'div',
diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index d36c2cf9..62ead726 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -987,9 +987,6 @@ a.umap-control-caption,
 .datalayer-name {
     cursor: pointer;
 }
-.umap-caption h3 {
-    margin-bottom: 0;
-}
 .umap-caption .umap-map-owner {
     padding-left: 31px;
 }