diff --git a/pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css b/pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css
index 57a3e18f3..53014bb37 100644
--- a/pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css
+++ b/pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css
@@ -15,3 +15,9 @@
   line-height: 132%;
   letter-spacing: 3%;
 }
+
+.fnt-body-xxs {
+  font-size: 0.6875rem;
+  line-height: 132%;
+  letter-spacing: 0.00688rem;
+}
diff --git a/pkgs/webview-ui/app/src/components/Typography/index.tsx b/pkgs/webview-ui/app/src/components/Typography/index.tsx
index 250b88934..fe138cf9f 100644
--- a/pkgs/webview-ui/app/src/components/Typography/index.tsx
+++ b/pkgs/webview-ui/app/src/components/Typography/index.tsx
@@ -24,6 +24,7 @@ interface SizeForHierarchy {
   body: {
     default: string;
     xs: string;
+    xxs: string;
     s: string;
   };
   headline: {
@@ -43,10 +44,9 @@ type AllowedSizes<H extends Hierarchy> = keyof SizeForHierarchy[H];
 const sizeHierarchyMap: SizeForHierarchy = {
   body: {
     default: cx("fnt-body-default"),
-    xs: cx("fnt-body-xs"),
     s: cx("fnt-body-s"),
-    // m: cx("fnt-body-m"),
-    // l: cx("fnt-body-l"),
+    xs: cx("fnt-body-xs"),
+    xxs: cx("fnt-body-xxs"),
   },
   headline: {
     default: cx("fnt-headline-default"),