diff --git a/src/frontend/src/pages/SettingsPage/index.tsx b/src/frontend/src/pages/SettingsPage/index.tsx
index 0bf50a46e..48941fd06 100644
--- a/src/frontend/src/pages/SettingsPage/index.tsx
+++ b/src/frontend/src/pages/SettingsPage/index.tsx
@@ -15,6 +15,46 @@ export default function SettingsPage(): JSX.Element {
   }, [pathname]);
 
   const sidebarNavItems = [
+    {
+        title: "General",
+        href: "/settings/general",
+        icon: (
+          <ForwardedIconComponent
+            name="SlidersHorizontal"
+            className="mx-[0.08rem] w-[1.1rem] stroke-[1.5]"
+          />
+        ),
+      },
+      {
+        title: "Theme",
+        href: "/settings/theme",
+        icon: (
+          <ForwardedIconComponent
+            name="Palette"
+            className="mx-[0.08rem] w-[1.1rem] stroke-[1.5]"
+          />
+        ),
+      },
+      {
+        title: "Bundles",
+        href: "/settings/bundles",
+        icon: (
+          <ForwardedIconComponent
+            name="Boxes"
+            className="mx-[0.08rem] w-[1.1rem] stroke-[1.5]"
+          />
+        ),
+      },
+      {
+        title: "Integrations",
+        href: "/settings/integrations",
+        icon: (
+          <ForwardedIconComponent
+            name="Blocks"
+            className="mx-[0.08rem] w-[1.1rem] stroke-[1.5]"
+          />
+        ),
+      },
     {
       title: "Global Variables",
       href: "/settings/global-variables",
@@ -26,7 +66,7 @@ export default function SettingsPage(): JSX.Element {
       ),
     },
     {
-      title: "Keyboard Shortcuts",
+      title: "Shortcuts",
       href: "/settings/shortcuts",
       icon: (
         <ForwardedIconComponent name="Keyboard" className="w-5 stroke-[1.5]" />
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index ea646109c..25e5ec4fb 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -5,6 +5,7 @@ import {
   ArrowUpToLine,
   Bell,
   Binary,
+  Blocks,
   BookMarked,
   BookmarkPlus,
   Bot,
@@ -87,6 +88,7 @@ import {
   MoreHorizontal,
   Network,
   Package2,
+  Palette,
   Paperclip,
   Pencil,
   PencilLine,
@@ -109,6 +111,7 @@ import {
   Share2,
   Shield,
   Sliders,
+  SlidersHorizontal,
   Snowflake,
   Sparkles,
   Square,
@@ -414,6 +417,9 @@ export const nodeIconsLucide: iconsType = {
   MoonIcon,
   Bell,
   ChevronLeft,
+  SlidersHorizontal,
+  Palette,
+  Blocks,
   ChevronDown,
   ArrowLeft,
   Shield,