From 024c19f2030338bc5724891232659b4f8262c5bb Mon Sep 17 00:00:00 2001
From: Felicio Mununga <felicio@users.noreply.github.com>
Date: Wed, 13 Sep 2023 14:01:52 +0200
Subject: [PATCH] fix ContextTag text size (#475)

* fix ContextTag text size

* add changeset
---
 .changeset/fifty-olives-try.md                      | 5 +++++
 packages/components/src/context-tag/context-tag.tsx | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/fifty-olives-try.md

diff --git a/.changeset/fifty-olives-try.md b/.changeset/fifty-olives-try.md
new file mode 100644
index 00000000..431d1a0e
--- /dev/null
+++ b/.changeset/fifty-olives-try.md
@@ -0,0 +1,5 @@
+---
+'@status-im/components': patch
+---
+
+fix ContextTag text size
diff --git a/packages/components/src/context-tag/context-tag.tsx b/packages/components/src/context-tag/context-tag.tsx
index f94a47eb..e0ef2ae5 100644
--- a/packages/components/src/context-tag/context-tag.tsx
+++ b/packages/components/src/context-tag/context-tag.tsx
@@ -93,7 +93,13 @@ const ContextTag = (props: Props) => {
 
   const rounded = type === 'account' || type === 'collectible'
   const hasAvatar = type !== 'address' && type !== 'icon' && type !== 'label'
-  const textSize = props.size === 24 ? props.textSize : textSizes[props.size!]
+
+  let textSize: Extract<TextProps['size'], 13 | 15>
+  if (size === 24) {
+    textSize = 'textSize' in props ? props.textSize : 13 // default if props.size not set but fallbacked to 24
+  } else {
+    textSize = textSizes[size]
+  }
 
   const renderContent = () => {
     switch (type) {