From 6ed390b0dcfa22180d450b8a19a34e2222139e17 Mon Sep 17 00:00:00 2001
From: Jakub Kotula <520927+jkbktl@users.noreply.github.com>
Date: Thu, 30 Mar 2023 14:30:47 +0200
Subject: [PATCH] fix pinned dialog button size & icon (#363)

---
 .../components/src/pinned-message/pinned-message.tsx  | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/pinned-message/pinned-message.tsx b/packages/components/src/pinned-message/pinned-message.tsx
index 010cf897..1562342e 100644
--- a/packages/components/src/pinned-message/pinned-message.tsx
+++ b/packages/components/src/pinned-message/pinned-message.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { PinIcon } from '@status-im/icons/20'
+import { CloseIcon, PinIcon } from '@status-im/icons/20'
 import { styled } from '@tamagui/core'
 import { Pressable, View } from 'react-native'
 
@@ -30,9 +30,12 @@ const PinnedMessage = (props: Props) => {
       </Pressable>
 
       <Base>
-        <Button variant="grey" onPress={() => setIsDetailVisible(false)}>
-          &times;
-        </Button>
+        <Button
+          variant="grey"
+          onPress={() => setIsDetailVisible(false)}
+          size={32}
+          icon={<CloseIcon />}
+        />
         <DialogHeader>
           <Text size={27} weight="semibold">
             Pinned Messages