fix: fix viewing key styles & FF-specific fix

anoma · Nov 29, 2024 · 111b155 · 111b155
1 parent a85a714
commit 111b155
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/extension/src/App/Accounts/ViewingKey.tsx b/apps/extension/src/App/Accounts/ViewingKey.tsx
@@ -13,19 +13,19 @@ 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>
         <Input
           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)}>