Fix icon position at information box

2023-07-21 17:16:23 +03:00 · 2023-07-21 17:16:23 +03:00 · 97b58877c7
parent 790f2e6c7f
commit 97b58877c7
1 changed files with 4 additions and 5 deletions
--- a/src/components/InformationBox/InformationBox.jsx
+++ b/src/components/InformationBox/InformationBox.jsx
@ -7,14 +7,13 @@ const InformationBox = ({ icon, text }) => {
        border: "2px solid #E7EAEE",
        borderRadius: "12px",
        padding: "11px 16px",
-        gap: "8px",
        width: "632px",
+        alignItems: "start",
      }}
+      space={"$2"}
    >
-      <Image source={{ uri: icon }} width={12} height={12} />
-      <Paragraph color={"#647084"} style={{ margin: 0, padding: 0 }}>
-        {text}
-      </Paragraph>
+      <Image source={{ uri: icon }} width={12} height={12} style={{marginTop: '6px'}} />
+      <Paragraph color={"#647084"}>{text}</Paragraph>
    </XStack>
  );
 };