From 410ac1a42708891f52fdcc64eaa28dfe7f5705e6 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Fri, 3 Nov 2023 08:24:40 -0700
Subject: [PATCH] Update add button style

---
 .../src/components/accounts/MobileAccounts.js     | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/desktop-client/src/components/accounts/MobileAccounts.js b/packages/desktop-client/src/components/accounts/MobileAccounts.js
index 2569db93138..d8305459957 100644
--- 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} />