diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx
index be7689235..0019a282a 100644
--- a/Client/src/Components/Sidebar/index.jsx
+++ b/Client/src/Components/Sidebar/index.jsx
@@ -43,6 +43,7 @@ import ArrowLeft from "../../assets/icons/left-arrow.svg?react";
 import DotsVertical from "../../assets/icons/dots-vertical.svg?react";
 import ChangeLog from "../../assets/icons/changeLog.svg?react";
 import Docs from "../../assets/icons/docs.svg?react";
+import Folder from "../../assets/icons/folder.svg?react";
 
 import "./index.css";
 
@@ -68,13 +69,16 @@ const menu = [
       { name: "Team", path: "account/team", icon: <TeamSvg /> },
     ],
   },
-];
-
-const other = [
-  { name: "Settings", path: "settings", icon: <Settings /> },
-  { name: "Support", path: "support", icon: <Support /> },
-  { name: "Docs", path: "docs", icon: <Docs /> },
-  { name: "Changelog", path: "changelog", icon: <ChangeLog /> },
+  {
+    name: "Other",
+    icon: <Folder />,
+    nested: [
+      { name: "Settings", path: "settings", icon: <Settings /> },
+      { name: "Support", path: "support", icon: <Support /> },
+      { name: "Docs", path: "docs", icon: <Docs /> },
+      { name: "Changelog", path: "changelog", icon: <ChangeLog /> },
+    ],
+  },
 ];
 
 const URL_MAP = {
@@ -83,6 +87,13 @@ const URL_MAP = {
   changelog: "https://github.com/bluewave-labs/bluewave-uptime/releases",
 };
 
+const PATH_MAP = {
+  monitors: "Dashboard",
+  pagespeed: "Dashboard",
+  account: "Account",
+  settings: "Other",
+};
+
 /**
  * @component
  * Sidebar component serves as a sidebar containing a menu.
@@ -97,7 +108,7 @@ function Sidebar() {
   const dispatch = useDispatch();
   const authState = useSelector((state) => state.auth);
   const collapsed = useSelector((state) => state.ui.sidebar.collapsed);
-  const [open, setOpen] = useState({ Dashboard: false, Account: false });
+  const [open, setOpen] = useState({ Dashboard: false, Account: false, Other: false });
   const [anchorEl, setAnchorEl] = useState(null);
   const [popup, setPopup] = useState();
   const { user } = useSelector((state) => state.auth);
@@ -130,13 +141,13 @@ function Sidebar() {
   };
 
   useEffect(() => {
-    if (
-      location.pathname.includes("monitors") ||
-      location.pathname.includes("pagespeed")
-    )
-      setOpen((prev) => ({ ...prev, Dashboard: true }));
-    else if (location.pathname.includes("/account"))
-      setOpen((prev) => ({ ...prev, Account: true }));
+    const matchedKey = Object.keys(PATH_MAP).find((key) =>
+      location.pathname.includes(key)
+    );
+
+    if (matchedKey) {
+      setOpen((prev) => ({ ...prev, [PATH_MAP[matchedKey]]: true }));
+    }
   }, []);
 
   return (
@@ -212,7 +223,9 @@ function Sidebar() {
             },
           }}
           onClick={() => {
-            setOpen({ Dashboard: false, Account: false });
+            setOpen(prev => 
+              Object.fromEntries(Object.keys(prev).map(key => [key, false]))
+            )
             dispatch(toggleSidebar());
           }}
         >
@@ -356,7 +369,12 @@ function Sidebar() {
                       }
                       key={child.path}
                       onClick={() => {
-                        navigate(`/${child.path}`);
+                        const url = URL_MAP[child.path];
+                        if (url) {
+                          window.open(url, "_blank", "noreferrer");
+                        } else {
+                          navigate(`/${child.path}`);
+                        }
                         closePopup();
                       }}
                       sx={{
@@ -382,8 +400,8 @@ function Sidebar() {
               <ListItemButton
                 onClick={() =>
                   setOpen((prev) => ({
-                    ...prev,
-                    [`${item.name}`]: !prev[`${item.name}`],
+                    ...Object.fromEntries(Object.keys(prev).map(key => [key, false])),
+                    [item.name]: !prev[item.name]
                   }))
                 }
                 sx={{
@@ -419,7 +437,14 @@ function Sidebar() {
                             : ""
                         }
                         key={child.path}
-                        onClick={() => navigate(`/${child.path}`)}
+                        onClick={() => {
+                          const url = URL_MAP[child.path];
+                          if (url) {
+                            window.open(url, "_blank", "noreferrer");
+                          } else {
+                            navigate(`/${child.path}`);
+                          }
+                        }}
                         sx={{
                           gap: theme.spacing(4),
                           borderRadius: theme.shape.borderRadius,
@@ -465,69 +490,6 @@ function Sidebar() {
           )
         )}
       </List>
-      <Divider sx={{ my: theme.spacing(4) }} />
-      {/* other */}
-      <List
-        component="nav"
-        aria-labelledby="nested-other-subheader"
-        subheader={
-          <ListSubheader
-            component="div"
-            id="nested-other-subheader"
-            sx={{
-              pt: theme.spacing(4),
-              px: collapsed ? 0 : theme.spacing(4),
-              backgroundColor: "transparent",
-            }}
-          >
-            Other
-          </ListSubheader>
-        }
-        sx={{ px: theme.spacing(6) }}
-      >
-        {other.map((item) => (
-          <Tooltip
-            key={item.path}
-            placement="right"
-            title={collapsed ? item.name : ""}
-            slotProps={{
-              popper: {
-                modifiers: [
-                  {
-                    name: "offset",
-                    options: {
-                      offset: [0, -16],
-                    },
-                  },
-                ],
-              },
-            }}
-            disableInteractive
-          >
-            <ListItemButton
-              className={
-                location.pathname.includes(item.path) ? "selected-path" : ""
-              }
-              onClick={() => {
-                const url = URL_MAP[item.path];
-                if (url) {
-                  window.open(url, "_blank", "noreferrer");
-                } else {
-                  navigate(`/${item.path}`);
-                }
-              }}
-              sx={{
-                gap: theme.spacing(4),
-                borderRadius: theme.shape.borderRadius,
-                px: theme.spacing(4),
-              }}
-            >
-              <ListItemIcon sx={{ minWidth: 0 }}>{item.icon}</ListItemIcon>
-              <ListItemText>{item.name}</ListItemText>
-            </ListItemButton>
-          </Tooltip>
-        ))}
-      </List>
       <Divider sx={{ mt: "auto" }} />
 
       <Stack
diff --git a/Client/src/assets/icons/folder.svg b/Client/src/assets/icons/folder.svg
new file mode 100644
index 000000000..15941e5b5
--- /dev/null
+++ b/Client/src/assets/icons/folder.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file