diff --git a/js/popup.js b/js/popup.js
new file mode 100644
index 0000000..c6c8666
--- /dev/null
+++ b/js/popup.js
@@ -0,0 +1,14 @@
+// Fetch the version number from the GitHub API
+fetch("https://api.github.com/repos/nomandhoni-cs/Facebook-QuietFeed/tags")
+  .then((response) => response.json())
+  .then((tags) => {
+    if (tags && tags.length > 0) {
+      const versionNumber = tags[0].name;
+      document.getElementById(
+        "version"
+      ).textContent = `Version: ${versionNumber}`;
+    }
+  })
+  .catch((error) => {
+    console.error("Error fetching version:", error);
+  });
diff --git a/popup.html b/popup.html
index 6e8e994..0d971cd 100644
--- a/popup.html
+++ b/popup.html
@@ -11,18 +11,22 @@
 <body>
     <div class="popup-container">
         <div class="top-bar">
-            <div class="version-number">Version: v0.2.0</div>
+            <div class="version-number" id="version">Version: Fetching...</div>
             <div class="middle-text">Something not working?</div>
             <div class="button-container">
-                <a class="log-issue-button" target="_blank" href="https://github.com/nomandhoni-cs/Facebook-QuietFeed/issues">Log an issue →</a>
+                <a class="log-issue-button" target="_blank"
+                    href="https://github.com/nomandhoni-cs/Facebook-QuietFeed/issues">Log an issue →</a>
             </div>
         </div>
         <div>
             <img src="assets/logo/icon128.png" alt="Facebook QuietFeed Extension Logo" class="logo">
             <h1 class="extension-name">Facebook QuietFeed</h1>
-            <a href="https://github.com/nomandhoni-cs/Facebook-QuietFeed" target="_blank" class="github-link">GitHub Repository</a>
-         </div>
+            <a href="https://github.com/nomandhoni-cs/Facebook-QuietFeed" target="_blank" class="github-link">GitHub
+                Repository</a>
+        </div>
     </div>
+
+    <script src="js/popup.js"></script>
 </body>
 
 </html>
\ No newline at end of file
