Update add button style

actualbudget · Nov 16, 2023 · 410ac1a · 410ac1a
1 parent ea44b7e
commit 410ac1a
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/packages/desktop-client/src/components/accounts/MobileAccounts.js b/packages/desktop-client/src/components/accounts/MobileAccounts.js
@@ -166,6 +166,10 @@ function AccountList({
 
   const budgetedAccounts = accounts.filter(account => account.offbudget === 0);
   const offbudgetAccounts = accounts.filter(account => account.offbudget === 1);
+  const noBackgroundColorStyle = {
+    backgroundColor: 'transparent',
+    color: 'white',
+  };
 
   // If there are no accounts, show a helpful message
   if (accounts.length === 0) {
@@ -185,17 +189,12 @@ function AccountList({
           <Button
             type="bare"
             style={{
-              backgroundColor: 'transparent',
               paddingLeft: 12,
               paddingRight: 12,
-              color: 'white',
-            }}
-            activeStyle={{
-              color: 'white',
-            }}
-            hoveredStyle={{
-              color: 'white',
+              ...noBackgroundColorStyle,
             }}
+            activeStyle={noBackgroundColorStyle}
+            hoveredStyle={noBackgroundColorStyle}
             onClick={onAddAccount}
           >
             <Add width={20} height={20} />