diff --git a/src/app/api/expense/get-expense-by-comparison/route.ts b/src/app/api/expense/get-expense-by-comparison/route.ts
index 8b07112..1c08282 100644
--- a/src/app/api/expense/get-expense-by-comparison/route.ts
+++ b/src/app/api/expense/get-expense-by-comparison/route.ts
@@ -56,16 +56,6 @@ export async function GET(request: Request){
         const endOfPreviousMonth = new Date(today.getFullYear(), today.getMonth(), 0);
         endOfPreviousMonth.setHours(23, 59, 59, 999);
 
-        // Logging the calculated dates for debugging
-        console.log("Start of Week:", startOfWeek);
-        console.log("End of Week:", endOfWeek);
-        console.log("Start of Past Week:", startOfPastWeek);
-        console.log("End of Past Week:", endOfPastWeek);
-        console.log("Start of Month:", startOfMonth);
-        console.log("End of Month:", endOfMonth);
-        console.log("Start of Previous Month:", startOfPreviousMonth);
-        console.log("End of Previous Month:", endOfPreviousMonth);
-
         // Calculate expenses for the present week
         const weekExpense = await calculateExpense(userId, startOfWeek, endOfWeek);
 
@@ -137,7 +127,6 @@ const calculateOverallExpense = async (userId: string) => {
 };
 
 const calculateExpense = async (userId: string, startDate: Date, endDate: Date) => {
-  console.log(`Calculating expense from ${startDate} to ${endDate}`);
   const expenseAggregate = await Expense.aggregate([
     {
       $match: {
@@ -159,7 +148,6 @@ const calculateExpense = async (userId: string, startDate: Date, endDate: Date)
     }
   ]);
 
-  console.log(`Expense from ${startDate} to ${endDate}:`, expenseAggregate);
   return expenseAggregate.length > 0 ? expenseAggregate[0].totalExpense : 0;
 };
 
diff --git a/src/app/ask-friend-for-money/page.tsx b/src/app/ask-friend-for-money/page.tsx
index 49569f4..1103b2e 100644
--- a/src/app/ask-friend-for-money/page.tsx
+++ b/src/app/ask-friend-for-money/page.tsx
@@ -130,7 +130,7 @@ const AskFriendPage: React.FC = () => {
             <p className='text-sm my-3 text-gray-400 font-normal font-mono'>
               You are indebted to the user and must settle your debt by making a payment to them.
             </p>
-            <Tabs defaultValue="pendingOwes" className="w-[90%]">
+            <Tabs defaultValue="pendingOwes" className="">
               <TabsList className="grid w-full grid-cols-2">
                 <TabsTrigger value="pendingOwes">Pending</TabsTrigger>
                 <TabsTrigger value="confirmedOwes">I Paid</TabsTrigger>
diff --git a/src/app/expense/ListExpense.tsx b/src/app/expense/ListExpense.tsx
index cf099a7..bbb148c 100644
--- a/src/app/expense/ListExpense.tsx
+++ b/src/app/expense/ListExpense.tsx
@@ -68,7 +68,7 @@ export const ListExpense: React.FC<ListExpenseProps> = ({ expenses }) => {
         <p className="text-center text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">No expenses Found! Add your expense now to get started.</p>
       ) : (
         <Tabs value={selectedCategory}>
-          <div className="flex items-center justify-between">
+          <div className="flex sm:flex-row flex-col-reverse sm:gap-y-0 gap-y-3 items-start justify-between">
             <TabsList>
               {expenses?.map((category) => (
                 <TabsTrigger key={category.category} value={category.category} onClick={() => handleCategoryChange(category.category)}>