diff --git a/packages/components/src/components/SquiggleViewer/ValueViewer/.#WithContext.tsx b/packages/components/src/components/SquiggleViewer/ValueViewer/.#WithContext.tsx
deleted file mode 120000
index 4935b64012..0000000000
--- a/packages/components/src/components/SquiggleViewer/ValueViewer/.#WithContext.tsx
+++ /dev/null
@@ -1 +0,0 @@
-mdickens@mdickens-mint.5508:1721631939
\ No newline at end of file
diff --git a/packages/components/src/components/SquiggleViewer/ValueViewer/Body.tsx b/packages/components/src/components/SquiggleViewer/ValueViewer/Body.tsx
index 1cbe05e22e..f2921182d3 100644
--- a/packages/components/src/components/SquiggleViewer/ValueViewer/Body.tsx
+++ b/packages/components/src/components/SquiggleViewer/ValueViewer/Body.tsx
@@ -39,7 +39,6 @@ const WithComment: FC<PropsWithChildren<WithCommentProps>> = ({
       )}
     >
       <MarkdownViewer md={comment} textSize="sm" />
-      {unitType && (<MarkdownViewer md={unitType} textSize="sm" />)}
     </div>
   );
 
diff --git a/packages/components/src/components/SquiggleViewer/ValueViewer/UnitType.tsx b/packages/components/src/components/SquiggleViewer/ValueViewer/UnitType.tsx
new file mode 100644
index 0000000000..0c0cfb498d
--- /dev/null
+++ b/packages/components/src/components/SquiggleViewer/ValueViewer/UnitType.tsx
@@ -0,0 +1,21 @@
+import clsx from "clsx";
+import { FC } from "react";
+
+type UnitTypeProps = {
+    unitType: string;
+};
+
+export const UnitType: FC<UnitTypeProps> = ({ unitType }) => {
+    return (
+        <div
+        className={clsx(
+            // Copilot auto-completed these classes but it looks pretty good
+            "text-xs font-medium text-gray-500",
+            "rounded-full px-2 py-0.5",
+            /* "bg-gray-100" */  // IMO looks better without background
+        )}
+        >
+        :: {unitType}
+        </div>
+    );
+}
diff --git a/packages/components/src/components/SquiggleViewer/ValueViewer/WithContext.tsx b/packages/components/src/components/SquiggleViewer/ValueViewer/WithContext.tsx
index 37e796a779..8771ba3caf 100644
--- a/packages/components/src/components/SquiggleViewer/ValueViewer/WithContext.tsx
+++ b/packages/components/src/components/SquiggleViewer/ValueViewer/WithContext.tsx
@@ -29,6 +29,7 @@ import {
 } from "../ViewerProvider.js";
 import { Body } from "./Body.js";
 import { Title } from "./Title.js";
+import { UnitType } from "./UnitType.js";
 
 const CommentIconForValue: FC<{ value: SqValueWithContext }> = ({ value }) => {
   const comment = getValueComment(value);
@@ -207,6 +208,8 @@ export const ValueWithContextViewer: FC<Props> = ({
                 }}
               />
 
+              {unitType && (<UnitType {...{unitType}} />)}
+
               {!isOpen && (
                 <div className="ml-2 text-sm text-blue-800">
                   <SquiggleValuePreview value={value} />