diff --git a/src/Components/DashboardPage/Student/StudentButtons.tsx b/src/Components/DashboardPage/Student/StudentButtons.tsx
new file mode 100644
index 0000000..bb9d9b3
--- /dev/null
+++ b/src/Components/DashboardPage/Student/StudentButtons.tsx
@@ -0,0 +1,277 @@
+import styles from "../../../styles";
+import { useNavigate } from "react-router-dom";
+import { Button } from "@mui/material";
+import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
+import AddToQueueIcon from "@mui/icons-material/AddToQueue";
+import NoteAddIcon from "@mui/icons-material/NoteAdd";
+import NoteIcon from "@mui/icons-material/Note";
+import { colors } from "../../../styles";
+import ScienceIcon from "@mui/icons-material/Science";
+import ColorizeIcon from "@mui/icons-material/Colorize";
+import Popup from "reactjs-popup";
+import AddItemModal from "../../AddItemModal/AddItemModal";
+import AddSKUModal from "../../AddSKUModal/AddSKUModal";
+import { useState } from "react";
+export default function StudentButtons() {
+  const [addSKUmodalOpen, SetAddSKUModalOpen] = useState(false);
+  const [additemmodalOpen, SetAddItemModalOpen] = useState(false);
+  const navigate = useNavigate();
+  return (
+    <>
+      <p
+        style={{
+          ...styles.text_dark,
+          ...styles.text_L,
+        }}
+      >
+        Equipments
+      </p>
+      <div
+        style={{
+          ...styles.flex_row,
+          ...{
+            alignSelf: "center",
+            justifyContent: "center",
+            flexWrap: "wrap",
+          },
+        }}
+      >
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            navigate("/view/equipment_instances");
+          }}
+        >
+          <FormatListBulletedIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            View All
+          </p>
+        </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            SetAddItemModalOpen(true);
+          }}
+        >
+          <AddToQueueIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Add Item
+          </p>
+        </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            SetAddSKUModalOpen(true);
+          }}
+        >
+          <NoteAddIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Add SKU
+          </p>
+        </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            navigate("/view/equipments");
+          }}
+        >
+          <NoteIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            View SKUs
+          </p>
+        </Button>
+      </div>
+      <div
+        style={{
+          ...styles.flex_row,
+          ...{
+            alignSelf: "center",
+            justifyContent: "center",
+            flexWrap: "wrap",
+          },
+        }}
+      >
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+        >
+          <ScienceIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+            onClick={() => {
+              navigate("/view/equipment_instances/filter/Glassware");
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Glassware
+          </p>
+        </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+        >
+          <ColorizeIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+            onClick={() => {
+              navigate("/view/equipment_instances/filter/Miscellaneous");
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Miscellaneous
+          </p>
+        </Button>
+      </div>
+      <Popup
+        open={addSKUmodalOpen}
+        onClose={() => SetAddSKUModalOpen(false)}
+        modal
+        position={"top center"}
+        contentStyle={{
+          width: "32rem",
+          borderRadius: 16,
+          borderColor: "grey",
+          borderStyle: "solid",
+          borderWidth: 1,
+          padding: 16,
+          alignContent: "center",
+          justifyContent: "center",
+          textAlign: "center",
+        }}
+      >
+        <AddSKUModal />
+      </Popup>
+      <Popup
+        open={additemmodalOpen}
+        onClose={() => SetAddItemModalOpen(false)}
+        modal
+        position={"top center"}
+        contentStyle={{
+          width: "32rem",
+          borderRadius: 16,
+          borderColor: "grey",
+          borderStyle: "solid",
+          borderWidth: 1,
+          padding: 16,
+          alignContent: "center",
+          justifyContent: "center",
+          textAlign: "center",
+        }}
+      >
+        <AddItemModal />
+      </Popup>
+    </>
+  );
+}
diff --git a/src/Components/Header/Header.tsx b/src/Components/Header/Header.tsx
index 026b9bc..37984a6 100644
--- a/src/Components/Header/Header.tsx
+++ b/src/Components/Header/Header.tsx
@@ -14,11 +14,10 @@ export default function Header(props: props) {
       style={{
         position: "sticky",
         top: 0,
-        zIndex: 1,
+        zIndex: 1000,
         backgroundColor: colors.header_color,
         display: "flex",
         flexDirection: "row",
-        
       }}
     >
       <div
diff --git a/src/Pages/DashboardPage/DashboardPage.tsx b/src/Pages/DashboardPage/DashboardPage.tsx
index bad595a..36915ff 100644
--- a/src/Pages/DashboardPage/DashboardPage.tsx
+++ b/src/Pages/DashboardPage/DashboardPage.tsx
@@ -5,6 +5,7 @@ import TechnicianWidgets from "../../Components/DashboardPage/Technician/Technic
 import TechnicianEquipmentButtons from "../../Components/DashboardPage/Technician/TechnicianEquipmentButtons";
 import TechnicianLogButtons from "../../Components/DashboardPage/Technician/TechnicianLogButtons";
 import StudentTransactionListView from "../../Components/DashboardPage/Student/StudentTransactionListView";
+import StudentButtons from "../../Components/DashboardPage/Student/StudentButtons";
 export default function Dashboard() {
   return (
     <div style={styles.background}>
@@ -16,6 +17,7 @@ export default function Dashboard() {
       </RestrictedComponent>
       <RestrictedComponent allow_only={"Student"}>
         <StudentTransactionListView />
+        <StudentButtons />
       </RestrictedComponent>
       <RestrictedComponent allow_only={"Teacher"}>
         <p style={styles.text_dark}>Welcome teacher!</p>