diff --git a/src/frontend/src/pages/ShortcutsPage/index.tsx b/src/frontend/src/pages/ShortcutsPage/index.tsx
new file mode 100644
index 000000000..3c91269d9
--- /dev/null
+++ b/src/frontend/src/pages/ShortcutsPage/index.tsx
@@ -0,0 +1,40 @@
+import IconComponent from "../../components/genericIconComponent";
+import { Button } from "../../components/ui/button";
+
+import AddNewVariableButton from "../../components/addNewVariableButtonComponent/addNewVariableButton";
+import ForwardedIconComponent from "../../components/genericIconComponent";
+import TableComponent from "../../components/tableComponent";
+
+export default function ShortcutsPage() {
+  return (
+    <div className="flex h-full w-full flex-col justify-between gap-6">
+      <div className="flex w-full items-center justify-between gap-4 space-y-0.5">
+        <div className="flex w-full flex-col">
+          <h2 className="flex items-center text-lg font-semibold tracking-tight">
+            Shortcuts
+            <ForwardedIconComponent
+              name="Keyboard"
+              className="ml-2 h-5 w-5 text-primary"
+            />
+          </h2>
+          <p className="text-sm text-muted-foreground">
+            Customize, manage and create shortcuts for quick access to
+            frequently used actions.
+          </p>
+        </div>
+        <div className="flex-shrink-0">
+          <AddNewVariableButton>
+            <Button data-testid="api-key-button-store" variant="primary">
+              <IconComponent name="Plus" className="mr-2 w-4" />
+              Add New
+            </Button>
+          </AddNewVariableButton>
+        </div>
+      </div>
+
+      <div className="flex h-full w-full flex-col justify-between">
+        <TableComponent />
+      </div>
+    </div>
+  );
+}
diff --git a/src/frontend/src/routes.tsx b/src/frontend/src/routes.tsx
index dcacb3ac0..2bd0af624 100644
--- a/src/frontend/src/routes.tsx
+++ b/src/frontend/src/routes.tsx
@@ -19,7 +19,7 @@ import ViewPage from "./pages/ViewPage";
 import DeleteAccountPage from "./pages/deleteAccountPage";
 import LoginPage from "./pages/loginPage";
 import SignUp from "./pages/signUpPage";
-import ShortcutsPage from "./pages/FlowPage/components/shortcutsPage";
+import ShortcutsPage from "./pages/ShortcutsPage";
 
 const Router = () => {
   const navigate = useNavigate();