diff --git a/app/dashboard/settings/SettingsPage.tsx b/app/dashboard/settings/SettingsPage.tsx
index b685215..cffeae2 100644
--- a/app/dashboard/settings/SettingsPage.tsx
+++ b/app/dashboard/settings/SettingsPage.tsx
@@ -1,4 +1,3 @@
-// components/SettingsPage.tsx
 'use client';
 
 import Sidebar from '@/components/Sidebar';
@@ -16,6 +15,7 @@ interface SettingsPageProps {
 export default function SettingsPage({ username, name, email }: SettingsPageProps) {
   const [error, setError] = useState('');
 
+
   return (
     <div>
       <Sidebar
@@ -30,21 +30,34 @@ export default function SettingsPage({ username, name, email }: SettingsPageProp
           <div className="tabs tabs-border pt-8">
             <input 
               type="radio" 
-              name="user_settings" 
+              name="settings_tabs" 
               className="tab text-primary z-10" 
               aria-label="User Settings" 
-              defaultChecked 
+              defaultChecked
             />
             <div className="tab-content relative bg-base-100 pl-4 pt-4">
               <div className="absolute -top-[3px] left-6 right-0 h-[2px] bg-stone-800"></div>
-              <div className="flex flex-col gap-4">
+                <div className="flex flex-col gap-4">
                 <ProfileSettings
                   initialUsername={username}
                   initialName={name}
                   initialEmail={email}
                   onError={setError}
                 />
-                <PasswordSettings onError={setError} />
+                  <PasswordSettings onError={setError} />
+                </div>
+            </div>
+
+            <input 
+              type="radio" 
+              name="settings_tabs" 
+              className="tab text-primary z-10" 
+              aria-label="Notification Settings" 
+            />
+            <div className="tab-content relative bg-base-100 pl-4 pt-4">
+              <div className="absolute -top-[3px] left-6 right-0 h-[2px] bg-stone-800"></div>
+              <div className="flex flex-col gap-4">
+                test
               </div>
             </div>
           </div>