diff --git a/assets/workspace.svg b/assets/workspace.svg
new file mode 100644
index 0000000..ec6ca90
--- /dev/null
+++ b/assets/workspace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M3.324 1H6.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75h-5A.75.75 0 0 1 1 6.75V3.324c0-.258 0-.494.016-.692.018-.213.057-.446.175-.676a1.75 1.75 0 0 1 .765-.765c.23-.118.463-.157.676-.175C2.83 1 3.066 1 3.324 1M2.63 2.53h.001zm.002-.001a.6.6 0 0 1 .121-.018c.13-.01.304-.011.596-.011H6V6H2.5V3.35c0-.292 0-.467.011-.596a.6.6 0 0 1 .018-.12.25.25 0 0 1 .104-.105m-.103.102v.001zm10.716-.12a8 8 0 0 0-.596-.011H10V6h3.5V3.35c0-.292 0-.467-.011-.596a.6.6 0 0 0-.018-.12.25.25 0 0 0-.104-.105.6.6 0 0 0-.121-.018m.123.019h-.001zm.101.1v.002zm-.102-1.614c.213.018.446.057.676.175.33.168.598.435.765.765.118.23.158.463.175.676.016.198.016.434.016.692V6.75a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1-.75-.75v-5A.75.75 0 0 1 9.25 1h3.426c.258 0 .494 0 .692.016M1 9.25a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75H3.324c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.676-.175 1.75 1.75 0 0 1-.765-.764 1.8 1.8 0 0 1-.175-.677C1 13.17 1 12.934 1 12.676zm1.5.75v2.65c0 .292 0 .467.011.596a.6.6 0 0 0 .018.12.25.25 0 0 0 .104.105.6.6 0 0 0 .121.018c.13.01.304.011.596.011H6V10zm.13 3.47h.002zm-.1-.1v-.002zM8.5 9.25a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 .75.75v3.426c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.676 1.75 1.75 0 0 1-.764.765c-.23.118-.464.158-.677.175-.198.016-.434.016-.692.016H9.25a.75.75 0 0 1-.75-.75zM10 10v3.5h2.65c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018.25.25 0 0 0 .105-.104.6.6 0 0 0 .018-.121c.01-.13.011-.304.011-.596V10zm3.47 3.37v-.002zm-.1.1h-.002z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
\ No newline at end of file
diff --git a/src/Dashboard/Dashboard.jsx b/src/Dashboard/Dashboard.jsx
index bb3900a..8c62503 100644
--- a/src/Dashboard/Dashboard.jsx
+++ b/src/Dashboard/Dashboard.jsx
@@ -8,6 +8,7 @@ import CreateButton from "../_ui/CreateButton/CreateButton";
 import dropDownSvg from "../../assets/empty.svg";
 import { CircularProgressLoader } from "../_ui/Loader/CircularProgress";
 import { addToLocalStorage, getDataFromLocalStorage } from "../_helpers/utils";
+import DashboardStats from "./DashboardStats";
 
 const Dashboard = () => {
   const { currentUser, setCurrentUser, signOut } = useAuthContext();
@@ -50,7 +51,7 @@ const Dashboard = () => {
     <div className="dashboard-wrapper">
       <div className="dashboard-main">
         <div className="left-dashboard-wrapper">
-          <p>Workspaces and Responses</p>
+          <DashboardStats />
         </div>
         <div className="right-dashboard-wrapper">
           <div className="right-dashboard">
diff --git a/src/Dashboard/DashboardCard.jsx b/src/Dashboard/DashboardCard.jsx
index 23359fa..57d341d 100644
--- a/src/Dashboard/DashboardCard.jsx
+++ b/src/Dashboard/DashboardCard.jsx
@@ -56,7 +56,7 @@ const DashboardCard = ({ formData }) => {
             <img src={dropDownSvg} alt="select" />
           </Box>
           <Menu
-            id="basic-menu"
+            id="form-action-menu"
             anchorEl={anchorEl}
             open={open}
             onClose={handleClose}
@@ -64,8 +64,10 @@ const DashboardCard = ({ formData }) => {
               "aria-labelledby": "basic-button",
             }}
           >
-            <MenuItem onClick={handleClose}>Profile</MenuItem>
-            <MenuItem onClick={handleClose}>My account</MenuItem>
+            <MenuItem onClick={handleClose}>
+              <Link to={`/${formData.id}/results`}>Results</Link>
+            </MenuItem>
+            <MenuItem onClick={handleClose}>Rename</MenuItem>
             <MenuItem onClick={handleDelete}>Delete</MenuItem>
           </Menu>
         </Box>
diff --git a/src/Dashboard/DashboardStats.jsx b/src/Dashboard/DashboardStats.jsx
new file mode 100644
index 0000000..cf6201e
--- /dev/null
+++ b/src/Dashboard/DashboardStats.jsx
@@ -0,0 +1,12 @@
+import Box from "@mui/material/Box";
+import React from "react";
+
+const DashboardStats = () => {
+  return (
+    <Box>
+      <p>Workspaces and Responses</p>
+    </Box>
+  );
+};
+
+export default DashboardStats;
diff --git a/src/Editor/SortableItems.jsx b/src/Editor/SortableItems.jsx
index 03f542f..38ade3f 100644
--- a/src/Editor/SortableItems.jsx
+++ b/src/Editor/SortableItems.jsx
@@ -39,13 +39,18 @@ const SortableItems = ({ id, selectedItem, item }) => {
   const open = Boolean(anchorEl);
 
   const handleClick = (event) => {
+    console.log(event.currentTarget.id);
+    // if (event) {
+    //   event.stopPropagation();
+    // }
     setAnchorEl(event.currentTarget);
   };
   const handleDelete = () => {
     setAnchorEl(null);
     deleteForms(formData.id);
   };
-  const handleClose = () => {
+  const handleClose = (event) => {
+    // event.stopPropagation();
     setAnchorEl(null);
   };
 
diff --git a/src/LoginPage/index.jsx b/src/LoginPage/index.jsx
index a5944a8..d5622b6 100644
--- a/src/LoginPage/index.jsx
+++ b/src/LoginPage/index.jsx
@@ -87,7 +87,6 @@ const LoginPage = () => {
     },
     validationSchema: loginSchema,
     onSubmit: (values) => {
-      console.log(values);
       handleForm(values.email, values.password);
     },
   });
@@ -115,7 +114,7 @@ const LoginPage = () => {
       <div className="auth-form-wrapper">
         {/* add a wrapper div here */}
         <span className="centre-div">
-          <a href="/">
+          <a href="/" className="large-text-light">
             {/* image will be used here now just the Name */}
             Dropform
           </a>
diff --git a/src/_layout/Header.jsx b/src/_layout/Header.jsx
index e93ba68..0d28b7e 100644
--- a/src/_layout/Header.jsx
+++ b/src/_layout/Header.jsx
@@ -136,12 +136,12 @@ const Header = ({ layout }) => {
           </div>
           <div>options</div>
           <div className="auth-content">
-            <div>
+            <div className="centre-div ">
               <div>
-                <Button>Preview</Button>
+                <Button className="secondary-button">Preview</Button>
               </div>
               <div>
-                <Button>Publish</Button>
+                <Button className="secondary-button">Publish</Button>
               </div>
             </div>
 
diff --git a/src/_styles/dashboard.scss b/src/_styles/dashboard.scss
index 69a55cc..43fc562 100644
--- a/src/_styles/dashboard.scss
+++ b/src/_styles/dashboard.scss
@@ -40,6 +40,7 @@
   }
   .left-dashboard-wrapper {
     width: 256px;
+    padding: 0px 20px;
     flex-shrink: 0;
   }
   .right-dashboard-wrapper {
diff --git a/src/_styles/theme.scss b/src/_styles/theme.scss
index 95d46a7..7f72376 100644
--- a/src/_styles/theme.scss
+++ b/src/_styles/theme.scss
@@ -84,6 +84,28 @@ img {
   height: 100%;
 }
 
+#form-action-menu {
+  .MuiPaper-root {
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px,
+      rgba(0, 0, 0, 0.06) 0px 2px 12px;
+    border-radius: 8px;
+    color: $body-text-color;
+  }
+  .MuiMenuItem-root {
+    font-size: 14px;
+    font-family: $font-family;
+  }
+  .MuiMenuItem-root:first-child {
+    background-color: $white-color;
+  }
+  .MuiMenuItem-root:last-child {
+    color: $delete-color;
+  }
+  .MuiMenuItem-root:hover {
+    background-color: rgb(240, 240, 240);
+  }
+}
+
 // Main styles and reusable classes
 .main {
   height: 100%;