diff --git a/docs/src/theme/CodeBlock/index.js b/docs/src/theme/CodeBlock/index.js
index 84da0b86ef5..ff8324981d0 100644
--- a/docs/src/theme/CodeBlock/index.js
+++ b/docs/src/theme/CodeBlock/index.js
@@ -16,18 +16,14 @@ function Imports({ imports }) {
         borderBottomRightRadius: "var(--ifm-code-border-radius)",
       }}
     >
-      <h4 style={{ paddingLeft: "0.65rem", marginBottom: "0.45rem" }}>
+      <b style={{ paddingLeft: "0.65rem", marginBottom: "0.45rem", marginRight: "0.5rem" }}>
         API Reference:
-      </h4>
-      <ul style={{ paddingBottom: "1rem" }}>
-        {imports.map(({ imported, source, docs }) => (
-          <li key={imported}>
-            <a href={docs}>
-              <span>{imported}</span>
-            </a>
-          </li>
+      </b>
+        {imports.map(({ imported, source, docs }, index) => (
+          <span key={imported}>
+            <a href={docs}>{imported}</a>{index < imports.length - 1 ? ' | ' : ''}
+          </span>
         ))}
-      </ul>
     </div>
   );
 }