From 6760a21a7e7481fb357ec26708d565405775c66e Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Tue, 4 Aug 2026 10:39:39 +0530
Subject: [PATCH] Fixed some minor bugs

---
 src/app/dashboard/settings/page.tsx | 19 ++++++++++++++-----
 src/app/dashboard/streaks/page.tsx  | 16 ++++++++++------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/app/dashboard/settings/page.tsx b/src/app/dashboard/settings/page.tsx
index b535e00..51e606b 100644
--- a/src/app/dashboard/settings/page.tsx
+++ b/src/app/dashboard/settings/page.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { useActiveUser } from "@/hooks/useActiveUser";
-import { User as UserIcon, Upload, CheckCircle2 } from "lucide-react";
+import { User as UserIcon, Upload, CheckCircle2, Settings } from "lucide-react";
 
 export default function SettingsPage() {
   const { userId, user, refreshUser, loading: userLoading } = useActiveUser();
@@ -99,10 +99,19 @@ export default function SettingsPage() {
   }
 
   return (
-    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-4xl mx-auto">
-      <div>
-        <h1 className="text-3xl font-bold tracking-tight">Account Settings</h1>
-        <p className="text-muted-foreground mt-1 font-medium">Manage your personal details, school details, and platform preferences.</p>
+    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
+      <div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
+        <div>
+          <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
+            <span className="p-2.5 rounded-xl bg-[#00F0FF]/10 border border-[#00F0FF]/20">
+              <Settings className="text-[#00F0FF]" size={28} />
+            </span>
+            Account Settings
+          </h1>
+          <p className="text-muted-foreground text-base font-medium max-w-2xl pl-1">
+            Manage your personal details, school details, and platform preferences.
+          </p>
+        </div>
       </div>
 
       <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
diff --git a/src/app/dashboard/streaks/page.tsx b/src/app/dashboard/streaks/page.tsx
index 3b4c001..a361155 100644
--- a/src/app/dashboard/streaks/page.tsx
+++ b/src/app/dashboard/streaks/page.tsx
@@ -17,13 +17,17 @@ export default function StreaksPage() {
 
   return (
     <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
-      <div className="flex items-center gap-4">
-        <div className="size-16 rounded-2xl bg-orange-500/10 text-orange-500 flex items-center justify-center">
-          <Flame size={32} />
-        </div>
+      <div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">Your Learning Streak</h1>
-          <p className="text-muted-foreground mt-1 font-medium">Build daily habits to unlock premium rewards and boost your rank.</p>
+          <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
+            <span className="p-2.5 rounded-xl bg-[#00F0FF]/10 border border-[#00F0FF]/20">
+              <Flame className="text-[#00F0FF]" size={28} />
+            </span>
+            Your Learning Streak
+          </h1>
+          <p className="text-muted-foreground text-base font-medium max-w-2xl pl-1">
+            Build daily habits to unlock premium rewards and boost your rank.
+          </p>
         </div>
       </div>