diff --git a/client/assets/styles/instance.less b/client/assets/styles/instance.less
index d9c5a195..44da08bf 100644
--- a/client/assets/styles/instance.less
+++ b/client/assets/styles/instance.less
@@ -60,6 +60,16 @@
     height: 1em;
 }
 
+.instance .info figure {
+    display: inline;
+    height: 0.5em;
+}
+
+.instance .info figcaption {
+    font-size: 1em;
+}
+
+
 .instance .constructs {
     grid-area: constructs;
 }
diff --git a/client/src/utils.jsx b/client/src/utils.jsx
index a50ba095..b78a2b44 100644
--- a/client/src/utils.jsx
+++ b/client/src/utils.jsx
@@ -228,6 +228,7 @@ function convertItem(v) {
             shapes.vboxColour(v.toLowerCase())
         );
     }
+    if (shapes[v]) return shapes[v]();
     return v || <span>&nbsp;</span>;
     // uncomment for double borders in vbox;
     // if (v) {