diff --git a/src/app/components/bfs-page/bfs-page.component.css b/src/app/components/bfs-page/bfs-page.component.css
index 8c2c0be..3c3911a 100644
--- a/src/app/components/bfs-page/bfs-page.component.css
+++ b/src/app/components/bfs-page/bfs-page.component.css
@@ -30,6 +30,12 @@ body {
   letter-spacing: 1px;
 }
 
+.div-new {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 .div-new a {
   color: #fff;
   text-decoration: none;
@@ -45,7 +51,7 @@ body {
 
 .profile-dropdown {
   position: relative;
-  margin-right: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .profile-img {
@@ -144,13 +150,6 @@ body {
   margin-top: 1.5rem;
 }
 
-.btn {
-  padding: 0.6rem 1.2rem;
-  border-radius: 4px;
-  font-weight: 500;
-  transition: all 0.3s;
-}
-
 button {
   padding: 0.6rem 1.2rem;
   border-radius: 4px;
diff --git a/src/app/components/bfs-page/bfs-page.component.html b/src/app/components/bfs-page/bfs-page.component.html
index e5ee4aa..3d89912 100644
--- a/src/app/components/bfs-page/bfs-page.component.html
+++ b/src/app/components/bfs-page/bfs-page.component.html
@@ -6,20 +6,17 @@
     <div class="div-new">
       <a [routerLink]="['/mainIndex']" class="btn">Home</a>
       <a [routerLink]="['/dfsPage']" class="btn">DFS</a>
-    </div>
-
-    <!-- Profile Section with Dropdown -->
-    <div class="profile-dropdown">
-      <img src="https://as1.ftcdn.net/v2/jpg/07/77/92/08/1000_F_777920887_JNV7hglZmyROgiZjGb6x9DP4Qfu5gyg0.jpg"
-        alt="Profile" class="profile-img" onclick="toggleDropdown()">
-      <div id="dropdown-menu" class="dropdown-content">
-        <!-- <a href="#">My Profile</a>
-                <a href="#">Logout</a> -->
+          <!-- Profile Section with Dropdown -->
+        <div class="profile-dropdown">
+        <img src="https://as1.ftcdn.net/v2/jpg/07/77/92/08/1000_F_777920887_JNV7hglZmyROgiZjGb6x9DP4Qfu5gyg0.jpg"
+          alt="Profile" class="profile-img" onclick="toggleDropdown()">
+        <div id="dropdown-menu" class="dropdown-content">
+          <!-- <a href="#">My Profile</a>
+                  <a href="#">Logout</a> -->
+        </div>
       </div>
+      <button (click)="onLogout()" class="btn logout-btn">Logout</button>
     </div>
-
-    <button (click)="onLogout()" class="btn logout-btn">Logout</button>
-
   </div>
 </div>
 
@@ -71,4 +68,4 @@ <h3>BFS Algorithm</h3>
       <div id="processed-content"></div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/dfs-page/dfs-page.component.css b/src/app/components/dfs-page/dfs-page.component.css
index 796728f..9835d0e 100644
--- a/src/app/components/dfs-page/dfs-page.component.css
+++ b/src/app/components/dfs-page/dfs-page.component.css
@@ -9,18 +9,18 @@ body {
 }
 
 .navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 2rem;
-  background-color: #333;
-  color: #fff;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem 2rem;
+    background-color: #333;
+    color: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    z-index: 1000;
 }
 
 .nav-left p {
@@ -33,7 +33,7 @@ body {
 .div-new {
   display: flex;
   align-items: center;
-  gap: 1.5rem;
+  gap: 0.5rem;
 }
 
 .div-new a {
diff --git a/src/app/components/dfs-page/dfs-page.component.html b/src/app/components/dfs-page/dfs-page.component.html
index 72a5e16..4e30e39 100644
--- a/src/app/components/dfs-page/dfs-page.component.html
+++ b/src/app/components/dfs-page/dfs-page.component.html
@@ -4,22 +4,20 @@
   </div>
   <div style="display: flex;">
     <div class="div-new">
-      <a [routerLink]="['/mainIndex']" class="btn">Home</a>
-      <a [routerLink]="['/bfsPage']" class="btn">BFS</a>
-    </div>
+      <a [routerLink]="['/mainIndex']" class="btn btn-dark me-3">Home</a>
+      <a [routerLink]="['/bfsPage']" class="btn btn-dark me-3">BFS</a>
 
-    <!-- Profile Section with Dropdown -->
-    <div class="profile-dropdown">
-      <img src="https://as1.ftcdn.net/v2/jpg/07/77/92/08/1000_F_777920887_JNV7hglZmyROgiZjGb6x9DP4Qfu5gyg0.jpg"
+        <!-- Profile Section with Dropdown -->
+        <div class="profile-dropdown">
+        <img src="https://as1.ftcdn.net/v2/jpg/07/77/92/08/1000_F_777920887_JNV7hglZmyROgiZjGb6x9DP4Qfu5gyg0.jpg"
         alt="Profile" class="profile-img" onclick="toggleDropdown()">
-      <div id="dropdown-menu" class="dropdown-content">
+        <div id="dropdown-menu" class="dropdown-content">
         <!-- <a href="#">My Profile</a>
             <a href="#">Logout</a> -->
-      </div>
+        </div>
     </div>
-
     <button (click)="onLogout()" class="btn logout-btn">Logout</button>
-
+    </div>
   </div>
 </div>
 
@@ -76,4 +74,4 @@ <h3>DFS Algorithm</h3>
       <div id="processed-content"></div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/main-index/main-index.component.css b/src/app/components/main-index/main-index.component.css
index ce8d9f7..1ced1dc 100644
--- a/src/app/components/main-index/main-index.component.css
+++ b/src/app/components/main-index/main-index.component.css
@@ -114,7 +114,7 @@ body {
   top: 0;
   left: 0;
   width: 100%;
-  z-index: 1000; 
+  z-index: 1000;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -198,21 +198,6 @@ body {
   padding-right: 0rem;
 }
 
-.btn {
-  text-decoration: none;
-  color: #fff;
-  padding: 0.5rem 1.5rem;
-  margin-top: 1rem;
-  background-color: #444;
-  border-radius: 5px;
-  display: inline-block;
-  transition: background-color 0.3s;
-}
-
-.btn:hover {
-  background-color: #555;
-}
-
 .d-flex .btn{
   margin-top: 0;
 }
diff --git a/src/app/components/main-index/main-index.component.html b/src/app/components/main-index/main-index.component.html
index f8cb53c..193a6c9 100644
--- a/src/app/components/main-index/main-index.component.html
+++ b/src/app/components/main-index/main-index.component.html
@@ -16,7 +16,15 @@
       <div class="d-flex">
         <a href="/dfsPage" class="btn btn-dark me-3">DFS</a>
         <a href="/bfsPage" class="btn btn-dark me-3">BFS</a>
-
+        <!-- Profile Section with Dropdown -->
+        <div class="profile-dropdown">
+        <img src="https://as1.ftcdn.net/v2/jpg/07/77/92/08/1000_F_777920887_JNV7hglZmyROgiZjGb6x9DP4Qfu5gyg0.jpg"
+            alt="Profile" class="profile-img" onclick="toggleDropdown()">
+        <div id="dropdown-menu" class="dropdown-content">
+            <!-- <a href="#">My Profile</a>
+                <a href="#">Logout</a> -->
+        </div>
+        </div>
         <button (click)="onLogout()" class="btn logout-btn">Logout</button>
       </div>
     </div>