From 3484de2624cb3e5164238c7ff7a4812824e4e726 Mon Sep 17 00:00:00 2001
From: Matias Benary <matiasbenary@gmail.com>
Date: Fri, 30 Aug 2024 12:29:49 -0300
Subject: [PATCH 1/2] fix: broken styles for firefox in wallet utilities

---
 src/components/wallet-utilities/KeyTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/wallet-utilities/KeyTable.tsx b/src/components/wallet-utilities/KeyTable.tsx
index 12a562516..26e4b53cf 100644
--- a/src/components/wallet-utilities/KeyTable.tsx
+++ b/src/components/wallet-utilities/KeyTable.tsx
@@ -87,14 +87,14 @@ const KeyTable: React.FC = () => {
               </Table.Cell>
               <Table.Cell>
                 <Tooltip content={data.access_key.permission.FunctionCall?.receiver_id ?? 'N/A'}>
-                  <Text style={{ minWidth: '5rem' }} clampLines={1}>
+                  <Text style={{ minWidth: '5rem', whiteSpace:"pre-wrap" }} clampLines={1}>
                     {data.access_key.permission.FunctionCall?.receiver_id ?? 'N/A'}
                   </Text>
                 </Tooltip>
               </Table.Cell>
               <Table.Cell>
                 <Tooltip content={data.public_key}>
-                  <Text style={{ minWidth: '5rem' }} clampLines={1}>
+                  <Text style={{ minWidth: '5rem', whiteSpace:"pre-wrap" }} clampLines={1}>
                     {data.public_key}
                   </Text>
                 </Tooltip>

From 05c255d65bbf39e81ea97c0cc61170c81aef61cb Mon Sep 17 00:00:00 2001
From: Matias Benary <matiasbenary@gmail.com>
Date: Fri, 30 Aug 2024 13:11:33 -0300
Subject: [PATCH 2/2] fix: broken text style in firefox

---
 src/components/wallet-utilities/KeyTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/wallet-utilities/KeyTable.tsx b/src/components/wallet-utilities/KeyTable.tsx
index 26e4b53cf..c0488a57c 100644
--- a/src/components/wallet-utilities/KeyTable.tsx
+++ b/src/components/wallet-utilities/KeyTable.tsx
@@ -87,14 +87,14 @@ const KeyTable: React.FC = () => {
               </Table.Cell>
               <Table.Cell>
                 <Tooltip content={data.access_key.permission.FunctionCall?.receiver_id ?? 'N/A'}>
-                  <Text style={{ minWidth: '5rem', whiteSpace:"pre-wrap" }} clampLines={1}>
+                  <Text style={{ minWidth: '5rem', whiteSpace: 'pre-wrap' }} clampLines={1}>
                     {data.access_key.permission.FunctionCall?.receiver_id ?? 'N/A'}
                   </Text>
                 </Tooltip>
               </Table.Cell>
               <Table.Cell>
                 <Tooltip content={data.public_key}>
-                  <Text style={{ minWidth: '5rem', whiteSpace:"pre-wrap" }} clampLines={1}>
+                  <Text style={{ minWidth: '5rem', whiteSpace: 'pre-wrap' }} clampLines={1}>
                     {data.public_key}
                   </Text>
                 </Tooltip>