diff --git a/packages/core/package.json b/packages/core/package.json
index 3e3af963..d4ce8252 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.87",
+  "version": "0.0.88",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/core/src/lib/code-snippet.svelte b/packages/core/src/lib/code-snippet.svelte
index 3d873bae..53e760ce 100644
--- a/packages/core/src/lib/code-snippet.svelte
+++ b/packages/core/src/lib/code-snippet.svelte
@@ -155,7 +155,7 @@ onMount(async () => {
     <figcaption><slot name="caption" /></figcaption>
   {/if}
 
-  <div class="flex gap-x-4 bg-light p-2">
+  <div class="flex items-baseline gap-x-4 bg-light p-2">
     <!-- The formatting here is intentional to preserve the formatting of `code` -->
     <pre class="flex-1 overflow-x-auto language-{language}"><code
         bind:this={element}
@@ -165,7 +165,7 @@ onMount(async () => {
 
     {#if showCopyButton}
       <IconButton
-        class="text-black"
+        cx="m-1 text-gray-6"
         icon={COPY_STATES[copyState].icon}
         label={COPY_STATES[copyState].label}
         on:click={copyToClipboard}