diff --git a/components/BankCard.tsx b/components/BankCard.tsx
index a4c01ce..8c3e515 100644
--- a/components/BankCard.tsx
+++ b/components/BankCard.tsx
@@ -5,8 +5,6 @@ import React from 'react'
 import Copy from './Copy'
 
 const BankCard = ({ account, userName, showBalance = true }: CreditCardProps) => {
-
-  console.log(account);
   return (
     <div className="flex flex-col">
       <Link href={`/transaction-history/?id=${account.appwriteItemId}`} className="bank-card">
@@ -60,7 +58,7 @@ const BankCard = ({ account, userName, showBalance = true }: CreditCardProps) =>
         />
       </Link>
 
-      {showBalance && <Copy title={account?.sharaebleId} />}
+      {showBalance && <Copy title={account?.shareableId} />}
     </div>
   )
 }
diff --git a/components/BankDropdown.tsx b/components/BankDropdown.tsx
index 6263f42..c4d62d0 100644
--- a/components/BankDropdown.tsx
+++ b/components/BankDropdown.tsx
@@ -21,12 +21,12 @@ export const BankDropdown = ({
 }: BankDropdownProps) => {
   const searchParams = useSearchParams();
   const router = useRouter();
-  const [selected, setSeclected] = useState(accounts[0]);
+  const [selected, setSelected] = useState(accounts[0]);
 
   const handleBankChange = (id: string) => {
     const account = accounts.find((account) => account.appwriteItemId === id)!;
 
-    setSeclected(account);
+    setSelected(account);
     const newUrl = formUrlQuery({
       params: searchParams.toString(),
       key: "id",
diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
index 96c9b87..12bd6b8 100644
--- a/components/MobileNav.tsx
+++ b/components/MobileNav.tsx
@@ -20,7 +20,7 @@ const MobileNav = ({ user }: MobileNavProps) => {
   const pathname = usePathname();
 
   return (
-    <section className="w-fulll max-w-[264px]">
+    <section className="w-full max-w-[264px]">
       <Sheet>
         <SheetTrigger>
           <Image
@@ -69,7 +69,7 @@ const MobileNav = ({ user }: MobileNavProps) => {
                 )
               })}
 
-              USER
+
               </nav>
             </SheetClose>
 
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 1a42e6b..30ef6ed 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -8,7 +8,7 @@ import { usePathname } from 'next/navigation'
 import Footer from './Footer'
 import PlaidLink from './PlaidLink'
 
-const Sidebar = ({ user }: SiderbarProps) => {
+const Sidebar = ({ user }: SidebarProps) => {
   const pathname = usePathname();
 
   return (
diff --git a/lib/actions/bank.actions.ts b/lib/actions/bank.actions.ts
index 84d0e4e..b1ef7b2 100644
--- a/lib/actions/bank.actions.ts
+++ b/lib/actions/bank.actions.ts
@@ -45,7 +45,7 @@ export const getAccounts = async ({ userId }: getAccountsProps) => {
           type: accountData.type as string,
           subtype: accountData.subtype! as string,
           appwriteItemId: bank.$id,
-          sharaebleId: bank.shareableId,
+          shareableId: bank.shareableId,
         };
 
         return account;
@@ -138,9 +138,9 @@ export const getInstitution = async ({
       country_codes: ["US"] as CountryCode[],
     });
 
-    const intitution = institutionResponse.data.institution;
+    const institution = institutionResponse.data.institution;
 
-    return parseStringify(intitution);
+    return parseStringify(institution);
   } catch (error) {
     console.error("An error occurred while getting the accounts:", error);
   }
@@ -162,7 +162,7 @@ export const getTransactions = async ({
 
       const data = response.data;
 
-      transactions = response.data.added.map((transaction) => ({
+      transactions.push(...response.data.added.map((transaction) => ({
         id: transaction.transaction_id,
         name: transaction.name,
         paymentChannel: transaction.payment_channel,
@@ -173,7 +173,7 @@ export const getTransactions = async ({
         category: transaction.category ? transaction.category[0] : "",
         date: transaction.date,
         image: transaction.logo_url,
-      }));
+      })));
 
       hasMore = data.has_more;
     }