diff --git a/src/index.css b/src/index.css
index 1a31f79d..34f67058 100644
--- a/src/index.css
+++ b/src/index.css
@@ -35,4 +35,4 @@
 .reveal.visible {
   opacity: 1;
   transform: translateY(0);
-}
\ No newline at end of file
+}
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index e00e784c..e1222a9f 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -148,6 +148,18 @@ export default function ProfilePage() {
             </div>
 
             <div className="space-y-6">
+              <div>
+                <h1 className="text-3xl font-bold mb-2">
+                  {displayName}
+                </h1>
+                <p className="text-gray-600 dark:text-gray-400">
+                  Welcome to your DevConnect profile
+                </p>
+              </div>
+
+              <div className="grid gap-4">
+                <div className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                  <Mail className="w-5 h-5 text-gray-500 dark:text-gray-400" />
               {isEditing ? (
                 <div className="space-y-6">
                   <div>
diff --git a/src/theme.css b/src/theme.css
index ed5166e7..cf91c5c2 100644
--- a/src/theme.css
+++ b/src/theme.css
@@ -39,18 +39,8 @@ body {
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
-/* Light Mode Color Overrides */
-html.light .bg-slate-950 {
-  background-color: #ffffff;
-  border: 1px solid #cbd5e1;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
 
-html.light .bg-slate-900 {
-  background-color: #f8fafc;
-  border: 1px solid #e2e8f0;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
+
 
 /* Specific page backgrounds and titles */
 html.light .min-h-screen {
@@ -62,7 +52,7 @@ html.light .bg-slate-950 {
 }
 
 html.light .bg-slate-900 {
-  background-color: #ffffff !important;
+  background-color: var(--bg-secondary) !important;
   border: 1px solid #cbd5e1 !important;
 }
 
@@ -107,10 +97,6 @@ html.light .text-6xl {
   font-weight: 900 !important;
 }
 
-html.light .text-4xl {
-  color: #000000 !important;
-  font-weight: 800 !important;
-}
 
 /* Navbar and main titles */
 html.light nav {
@@ -223,11 +209,6 @@ html.light .font-semibold {
   font-weight: 700 !important;
 }
 
-/* Logo specific styling */
-html.light .text-xl {
-  color: #000000 !important;
-  font-weight: 900 !important;
-}
 
 /* Large text elements */
 html.light .text-3xl,
@@ -244,6 +225,7 @@ html.light button {
 
 html.light .border-slate-700 {
   border-color: #cbd5e1 !important;
+  
 }
 
 html.light .border-slate-800 {