From aa0879ca0235112918428fdff8f4c48d2c6c4adf Mon Sep 17 00:00:00 2001
From: Michael Huynh <43751307+miqh@users.noreply.github.com>
Date: Mon, 28 Oct 2024 19:25:32 +0800
Subject: [PATCH] feat: update pattern styling (#2196) (#2600)

Closes #2196
---
 src/common-elements/fields.ts                                 | 4 +++-
 .../__tests__/__snapshots__/FieldDetails.test.tsx.snap        | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 1267fc80..f95781f4 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -97,9 +97,11 @@ export const RecursiveLabel = styled(FieldLabel)`
 
 export const PatternLabel = styled(FieldLabel)`
   color: #0e7c86;
+  font-family: ${props => props.theme.typography.code.fontFamily};
+  font-size: 12px;
   &::before,
   &::after {
-    font-weight: bold;
+    content: ' ';
   }
 `;
 
diff --git a/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap b/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap
index f98b667a..a8b1a44f 100644
--- a/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap
@@ -163,7 +163,7 @@ exports[`FieldDetailsComponent renders correctly when field items have string ty
     >
       [
       <span
-        class="sc-kpDqfm sc-eDPEul cGRfjn erJHow"
+        class="sc-kpDqfm sc-eDPEul cGRfjn cCKYVD"
       >
         ^see regex[0-9]$
       </span>