diff --git a/src/wwwroot/css/genpage.css b/src/wwwroot/css/genpage.css
index 1e7bb677c..9ebe52368 100644
--- a/src/wwwroot/css/genpage.css
+++ b/src/wwwroot/css/genpage.css
@@ -682,6 +682,10 @@ body {
 .param_view_block_model {
     background-color: color-mix(in srgb, transparent 99%, var(--tag-color));
 }
+.extras-wrapper-sideblock span.param_view_block .param_view_name {
+    display: inline-block;
+    min-width: 6rem;
+}
 .param_view {
     border-radius: 0.3rem;
     color: var(--text);
diff --git a/src/wwwroot/js/genpage/helpers/metadatahelpers.js b/src/wwwroot/js/genpage/helpers/metadatahelpers.js
index fee827d97..099b5ae56 100644
--- a/src/wwwroot/js/genpage/helpers/metadatahelpers.js
+++ b/src/wwwroot/js/genpage/helpers/metadatahelpers.js
@@ -233,7 +233,7 @@ let metadataKeyFormatCleaners = [];
 let promptCidMatcher = new RegExp('\<(.*?)//cid=\\d+>', 'g');
 
 function formatMetadataEntry(entry) {
-    return `<span class="param_view_block tag-text tag-type-${entry.hash}${entry.added}"><span class="param_view_name" title="${escapeHtmlNoBr(entry.keyTitle)}">${escapeHtml(entry.key)}</span>: ${entry.valueHtml}${entry.extras}</span>`;
+    return `<span class="param_view_block tag-text tag-type-${entry.hash}${entry.added}"><span class="param_view_name" title="${escapeHtmlNoBr(entry.keyTitle)}">${escapeHtml(entry.key)}:</span> ${entry.valueHtml}${entry.extras}</span>`;
 }
 
 function getFormattedMetadataEntries(metadata) {