From 111b155724d965bff384fc1571a0e2caa3aa74ce Mon Sep 17 00:00:00 2001
From: "Justin R. Evans" <jurevans@gmail.com>
Date: Fri, 29 Nov 2024 06:14:36 -0500
Subject: [PATCH] fix: fix viewing key styles & FF-specific fix

---
 apps/extension/src/App/Accounts/ViewingKey.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/extension/src/App/Accounts/ViewingKey.tsx b/apps/extension/src/App/Accounts/ViewingKey.tsx
index 26963d4e1..292ba85ab 100644
--- a/apps/extension/src/App/Accounts/ViewingKey.tsx
+++ b/apps/extension/src/App/Accounts/ViewingKey.tsx
@@ -13,7 +13,7 @@ export const ViewingKey = (): JSX.Element => {
     <>
       <Stack full gap={GapPatterns.TitleContent}>
         <PageHeader title="Viewing Key" />
-        <p className="text-white">
+        <p className="text-white max-w-84">
           Your viewing key grants the holder access to all your balances and
           transaction data. Please keep it secure to protect your data.
         </p>
@@ -21,11 +21,11 @@ export const ViewingKey = (): JSX.Element => {
           label="Viewing Key"
           variant="ReadOnlyCopyText"
           readOnly={true}
-          rows={9}
+          rows={10}
           valueToDisplay={viewingKey}
           value={viewingKey}
           theme="secondary"
-          className="pb-20"
+          className="pb-20 [&_textarea]:py-2"
         />
       </Stack>
       <ActionButton size="md" onClick={() => navigate(-1)}>