diff --git a/src/app/@drawer/(.)transactions/page.tsx b/src/app/@drawer/(.)transactions/page.tsx
index 568f162..84e31f9 100644
--- a/src/app/@drawer/(.)transactions/page.tsx
+++ b/src/app/@drawer/(.)transactions/page.tsx
@@ -156,7 +156,7 @@ export default function Page() {
                                 </p>
                               </div>
                               {month.transactions
-                                .slice(0, 3)
+                                .slice(0, 5)
                                 .map((transaction, j) => (
                                   <motion.div
                                     className='grid h-fit w-full space-y-6'
diff --git a/src/app/components/CreditCard/CreditCard.tsx b/src/app/components/CreditCard/CreditCard.tsx
index 0c9b7c6..7727046 100644
--- a/src/app/components/CreditCard/CreditCard.tsx
+++ b/src/app/components/CreditCard/CreditCard.tsx
@@ -11,7 +11,7 @@ export default function CreditCard() {
     return (
       <>
         <HoverBorderGradient className='relative grid h-52 w-full rounded-xl shadow-lg'>
-          <div className='to-tr absolute -z-50 h-full w-full rounded-xl bg-transparent bg-gradient-to-r from-slate-50/10 backdrop-blur-xl'>
+          <div className='absolute -z-50 h-full w-full rounded-xl bg-transparent bg-gradient-to-tr from-slate-50/10 backdrop-blur-xl'>
             <></>
           </div>
 
diff --git a/src/app/components/activity/Activity.tsx b/src/app/components/activity/Activity.tsx
index 28d3020..236db3c 100644
--- a/src/app/components/activity/Activity.tsx
+++ b/src/app/components/activity/Activity.tsx
@@ -18,7 +18,6 @@ import {
   CardTitle,
 } from '@/app/components/ui/card';
 import { Button } from '../ui/button';
-import { setSheet } from '@/GlobalRedux/Features/sheet/sheetSlice';
 
 export default function Activity() {
   const [transactions, setTxs] = useState<any>([]);
@@ -49,7 +48,7 @@ export default function Activity() {
 
   useEffect(() => {
     /*  dispatch(setTransactions(transactions)); */
-    setTxs(transactionState?.slice(0, 3));
+    setTxs(transactionState?.slice(0, 5));
   }, [transactionState]); // Add transactions as a dependency
 
   return (
@@ -59,7 +58,7 @@ export default function Activity() {
           key='activity-key'
           layoutId='activity'
           transition={{ duration: 0.3 }}
-          className='bg-muted w-full rounded-full text-xl '
+          className='bg-slate-50/10 backdrop-blur-xl w-full rounded-full text-xl '
         >
           <Card className=''>
             <CardHeader>
@@ -67,7 +66,7 @@ export default function Activity() {
                 <CardTitle>Recent Transactions</CardTitle>
               </motion.div>
             </CardHeader>
-            <CardContent className=''>
+            <CardContent className=' '>
               <div className='mt-4 space-y-8'>
                 {transactions &&
                   transactions.map((transaction: any, i: any) => (
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index fef8418..a67a14f 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -167,7 +167,7 @@ export default function Page() {
               </Link>
             </div>
           </motion.div>
-          <div className='bg-accent/90 relative mt-4 w-full rounded-t-3xl bg-opacity-10 bg-clip-padding p-4 backdrop-blur-sm backdrop-filter'>
+          <div className=' relative mt-4 w-full rounded-t-3xl bg-opacity-10 bg-clip-padding p-4 backdrop-blur-sm backdrop-filter'>
             
             {/*  <Tab.Group>
             <Tab.List>