diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 99d6962fd..88e7fd992 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -477,14 +477,17 @@ watch(
 
 const handleButtonClick = () => {
   const currentPath = route.name;
-  // const popupPath =
-  //   config.manualConfig[currentPath as keyof typeof config.manualConfig];
-  const popupPath = config.generatePopupPath(currentPath);
-  if (popupPath) {
-    // console.log(currentPath);
-    window.open(popupPath);
+  const queryParams = { role: "officer" }; // Replace with your query parameters
+  const queryString = new URLSearchParams(queryParams).toString();
+
+  // Assuming config.generatePopupPath() returns a base URL
+  const popupBasePath = config.generatePopupPath(currentPath);
+
+  if (popupBasePath) {
+    const popupPath = `${popupBasePath}?${queryString}`;
+    window.open(popupPath, "_blank"); // Opens in a new tab/window
   } else {
-    console.log("no manual in this page ", currentPath);
+    console.log("No manual available for this page:", currentPath);
   }
 };
 </script>