diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/CONTRIBUTORS b/CONTRIBUTORS
index 217f5a8..e959a7b 100644
--- a/CONTRIBUTORS
+++ b/CONTRIBUTORS
@@ -39,3 +39,4 @@ Daniele Avolio <daniele.avolio14@gmail.com>
 Adhetya Narayan J.M <adhetya.narayan@gmail.com>
 Ranjana Reghunath <ranjana.reghunath@gmail.com>
 Rudraksh Karpe <rudraksh.karpe@gmail.com>
+Prakhar Pandey <prakhar10may@gmail.com>
\ No newline at end of file
diff --git a/index.html b/index.html
index f0c5f5d..aaef71c 100644
--- a/index.html
+++ b/index.html
@@ -161,7 +161,7 @@
             
             <!--dark mode button is now outside the option class-->
             <button onclick="darkMode()" class="toggleButton">
-                <i class='fas fa-sun'></i>
+                 <i class="fa-solid fa-moon fa-2x" id="dark-mode-enable"></i>
             </button>
         </nav>
 
diff --git a/index.js b/index.js
index 4effaf0..441366a 100644
--- a/index.js
+++ b/index.js
@@ -40,6 +40,17 @@ function darkMode() {
       element.style.borderRight = "2px solid white";
     }
   }
+
+  const toggleButton = document.getElementById("dark-mode-enable");
+  
+  if(toggleButton.classList.contains("fa-moon")){
+    toggleButton.classList.remove("fa-moon");
+    toggleButton.classList.add("fa-lightbulb");
+  }
+  else{
+    toggleButton.classList.remove("fa-lightbulb");
+    toggleButton.classList.add("fa-moon");
+  }
 }
 const toggles = document.querySelectorAll(".faq-toggle");