diff --git a/docs/src/components/ComponentApi.svelte b/docs/src/components/ComponentApi.svelte
index a34a89e2..8bce3d17 100644
--- a/docs/src/components/ComponentApi.svelte
+++ b/docs/src/components/ComponentApi.svelte
@@ -95,16 +95,18 @@
                       {type}
                     </OutboundLink>
                   {:else if type in typeMap}
-                    <code>{typeMap[type]}</code>
+                    <code class="code-01">{typeMap[type]}</code>
                   {:else if type.startsWith("(")}
-                    <code>{type}</code>
+                    <code class="code-01">{type}</code>
                   {:else}
                     <InlineSnippet code="{type}" />
                   {/if}
                 </div>
               {/each}
             </StructuredListCell>
-            <StructuredListCell><code>{prop.value}</code></StructuredListCell>
+            <StructuredListCell
+              ><code class="code-01">{prop.value}</code></StructuredListCell
+            >
             <StructuredListCell>
               {#if prop.description}
                 {#each prop.description.split("\n") as line}
diff --git a/docs/src/global.css b/docs/src/global.css
index 59bde722..fd8003b2 100644
--- a/docs/src/global.css
+++ b/docs/src/global.css
@@ -177,6 +177,13 @@ html[theme="g90"] .code-override {
   overflow-y: auto;
 }
 
+.code-01 {
+  font-size: var(--cds-code-01-font-size);
+  font-weight: var(--cds-code-01-font-weight);
+  letter-spacing: var(--cds-code-01-letter-spacing);
+  line-height: var(--cds-code-01-line-height);
+}
+
 .body-short-01 {
   font-size: var(--cds-body-short-01-font-size);
   font-weight: var(--cds-body-short-01-font-weight);
diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte
index 44a7e9cb..fa1074bb 100644
--- a/docs/src/pages/_layout.svelte
+++ b/docs/src/pages/_layout.svelte
@@ -50,8 +50,9 @@
     </svelte:fragment>
 
     <span slot="platform" class="platform-name">
-      Carbon Components Svelte
-      <code>v{process.env.VERSION || ""}</code>
+      Carbon Components Svelte &nbsp;<code class="code-01"
+        >v{process.env.VERSION || ""}</code
+      >
     </span>
 
     <HeaderUtilities>
@@ -135,15 +136,6 @@
     align-items: baseline;
   }
 
-  .platform-name code {
-    margin-left: var(--cds-spacing-02);
-    font-size: var(--cds-code-01-font-size);
-    font-weight: var(--cds-code-01-font-weight);
-    letter-spacing: var(--cds-code-01-letter-spacing);
-    line-height: var(--cds-code-01-line-height);
-    color: #c6c6c6;
-  }
-
   @media (max-width: 580px) {
     .platform-name code {
       display: none;