diff --git a/src/app/components/portfolio/Toolbar.tsx b/src/app/components/portfolio/Toolbar.tsx
index 9dd8a3c..d09da5c 100644
--- a/src/app/components/portfolio/Toolbar.tsx
+++ b/src/app/components/portfolio/Toolbar.tsx
@@ -2,7 +2,6 @@
 
 import {
   Cog6ToothIcon,
-  CalculatorIcon,
   BuildingOfficeIcon,
   ChartBarIcon,
 } from "@heroicons/react/24/outline";
@@ -29,11 +28,7 @@ export function Toolbar({ portfolioId }: ToolbarProps) {
   const router = useRouter();
 
   function handleClickSettings() {
-    console.log("Settings were clicked, implement me");
-  }
-
-  function handleClickPortfolioPlan() {
-    router.push(`/portfolio/${portfolioId}/plan`);
+    router.push(`/portfolio/${portfolioId}/settings`);
   }
 
   function handleClickPortfolio() {
@@ -65,14 +60,6 @@ export function Toolbar({ portfolioId }: ToolbarProps) {
           Summary
         </NavigationMenuItem>
 
-        {/* <NavigationMenuItem
-          className={navigationMenuTriggerStyle() + " ml-3 mr-2"}
-          onClick={handleClickPortfolioPlan}
-        >
-          <CalculatorIcon className="h-4 w-4 mr-2" />
-          Portfolio Plan
-        </NavigationMenuItem> */}
-
         <NavigationMenuItem
           className={navigationMenuTriggerStyle() + " ml-3 mr-2"}
           onClick={handleClickSettings}
diff --git a/src/app/portfolio/[slug]/(portfolio)/settings/page.tsx b/src/app/portfolio/[slug]/(portfolio)/settings/page.tsx
new file mode 100644
index 0000000..952ff3b
--- /dev/null
+++ b/src/app/portfolio/[slug]/(portfolio)/settings/page.tsx
@@ -0,0 +1,14 @@
+export default async function PortfolioSettings({
+  params,
+}: {
+  params: { slug: string };
+}) {
+  console.log("in the server!");
+  console.log(params);
+  const portfolioId = params.slug;
+  return (
+    <>
+      <div>Hello World This is my settings page!!</div>
+    </>
+  );
+}