diff --git a/backend/src/controllers/student.ts b/backend/src/controllers/student.ts
index d5d443a..82990b4 100644
--- a/backend/src/controllers/student.ts
+++ b/backend/src/controllers/student.ts
@@ -112,10 +112,22 @@ export const editStudent: RequestHandler = async (req, res, next) => {
   }
 };
 
-export const getAllStudents: RequestHandler = async (_, res, next) => {
+export const getAllStudents: RequestHandler = async (req, res, next) => {
   try {
     const students = await StudentModel.find().populate("enrollments");
 
+    // Even though this is a get request, we have verifyAuthToken middleware that sets the accountType in the request body
+    const { accountType } = req.body;
+
+    // Ensure that documents that are marked admin are not returned to non-admin users
+    if (accountType !== "admin") {
+      students.forEach((student) => {
+        student.documents = student.documents.filter(
+          (doc) => !doc.markedAdmin,
+        ) as typeof student.documents;
+      });
+    }
+
     res.status(200).json(students);
   } catch (error) {
     next(error);
@@ -126,6 +138,8 @@ export const getStudent: RequestHandler = async (req, res, next) => {
   try {
     const errors = validationResult(req);
 
+    const { accountType } = req.body;
+
     validationErrorParser(errors);
 
     const studentId = req.params.id;
@@ -135,6 +149,13 @@ export const getStudent: RequestHandler = async (req, res, next) => {
       return res.status(404).json({ message: "Student not found" });
     }
 
+    // Ensure that documents that are marked admin are not returned to non-admin users
+    if (accountType !== "admin") {
+      studentData.documents = studentData.documents.filter(
+        (doc) => !doc.markedAdmin,
+      ) as typeof studentData.documents;
+    }
+
     const enrollments = await EnrollmentModel.find({ studentId });
 
     res.status(200).json({ ...studentData.toObject(), enrollments });
diff --git a/frontend/src/components/ProgressNotes/hooks/useProgressNotes.ts b/frontend/src/components/ProgressNotes/hooks/useProgressNotes.ts
index 697e69c..ef4aba3 100644
--- a/frontend/src/components/ProgressNotes/hooks/useProgressNotes.ts
+++ b/frontend/src/components/ProgressNotes/hooks/useProgressNotes.ts
@@ -47,9 +47,9 @@ export const useProgressNotes = () => {
     }
   };
 
-  const fetchStudentData = async (progressNotes: Record<string, ProgressNote>) => {
+  const fetchStudentData = async (progressNotes: Record<string, ProgressNote>, token: string) => {
     try {
-      const result = await getAllStudents(firebaseToken);
+      const result = await getAllStudents(token);
       if (result.success) {
         const studentDataWithNotes: StudentWithNotes[] = result.data.map((student) => ({
           ...student,
@@ -92,7 +92,7 @@ export const useProgressNotes = () => {
 
           const progressNotes = await fetchProgressNotes(token);
           if (progressNotes) {
-            await fetchStudentData(progressNotes);
+            await fetchStudentData(progressNotes, token);
           }
         })
         .catch((error) => {
diff --git a/frontend/src/components/StudentForm/StudentForm.tsx b/frontend/src/components/StudentForm/StudentForm.tsx
index 7985165..9573a1f 100644
--- a/frontend/src/components/StudentForm/StudentForm.tsx
+++ b/frontend/src/components/StudentForm/StudentForm.tsx
@@ -283,7 +283,7 @@ export default function StudentForm({
                 Student Information
               </legend>
 
-              <StudentInfo data={data ?? null} documentData={documentData} />
+              <StudentInfo data={data ?? null} documentData={documentData} isAdmin={isAdmin} />
             </fieldset>
           </div>
           <div className="grid w-full gap-10 lg:grid-cols-2">
diff --git a/frontend/src/components/StudentForm/StudentInfo.tsx b/frontend/src/components/StudentForm/StudentInfo.tsx
index a4e567d..c92672e 100644
--- a/frontend/src/components/StudentForm/StudentInfo.tsx
+++ b/frontend/src/components/StudentForm/StudentInfo.tsx
@@ -42,6 +42,7 @@ type StudentInfoProps = {
     setStudentDocuments: Dispatch<SetStateAction<Document[]>>;
     setDidDeleteOrMark: Dispatch<SetStateAction<boolean>>;
   };
+  isAdmin: boolean;
 };
 
 const SUPPORTED_FILETYPES = [
@@ -52,7 +53,7 @@ const SUPPORTED_FILETYPES = [
   "image/webp",
 ];
 
-export default function StudentInfo({ classname, data, documentData }: StudentInfoProps) {
+export default function StudentInfo({ classname, data, documentData, isAdmin }: StudentInfoProps) {
   const { register, setValue: setCalendarValue } = useFormContext<StudentFormData>();
   const [modalOpen, setModalOpen] = useState(false);
   const [documentError, setDocumentError] = useState("");
@@ -200,6 +201,8 @@ export default function StudentInfo({ classname, data, documentData }: StudentIn
     );
   };
 
+  console.log({ isAdmin });
+
   return (
     <div className={cn("grid flex-1 gap-x-8 gap-y-10 md:grid-cols-2", classname)}>
       <div>
@@ -283,45 +286,51 @@ export default function StudentInfo({ classname, data, documentData }: StudentIn
                       onClick={() => {
                         window.open(document.link, "_blank");
                       }}
-                      className="rounded-tl-md rounded-tr-md border-[1px] border-solid border-black bg-white px-10 py-4"
+                      className={`${!isAdmin ? "rounded-bl-md rounded-br-md" : ""} rounded-tl-md rounded-tr-md border-[1px] border-solid border-black bg-white px-10 py-4`}
                     >
                       View File
                     </button>
                   )}
 
-                  <ModalConfirmation
-                    icon={<GreenQuestionIcon />}
-                    triggerElement={
-                      <button
-                        className={`${!document.link && "rounded-tl-md rounded-tr-md border-t-[1px]"} border-[1px] border-b-0 border-t-0 border-solid border-black bg-white px-10 py-4 text-pia_dark_green`}
-                      >
-                        {document.markedAdmin ? "Unmark" : "Mark"} Admin
-                      </button>
-                    }
-                    title={document.markedAdmin ? "Unmark admin?" : "Mark admin only?"}
-                    description={`${document.markedAdmin ? "Everyone will be able to" : "Only admin will"} see these files`}
-                    confirmText={document.markedAdmin ? "Unmark" : "Mark"}
-                    kind="primary"
-                    onConfirmClick={() => {
-                      handleMarkAdmin(document);
-                      setDidDeleteOrMark(true);
-                    }}
-                  />
-                  <ModalConfirmation
-                    icon={<RedDeleteIcon />}
-                    triggerElement={
-                      <button className="rounded-bl-md rounded-br-md border-[1px] border-solid border-black bg-white px-10 py-4 text-destructive">
-                        Delete File
-                      </button>
-                    }
-                    title="Are you sure you want to delete?"
-                    confirmText="Delete"
-                    kind="destructive"
-                    onConfirmClick={() => {
-                      handleDeleteDocument(document);
-                      setDidDeleteOrMark(true);
-                    }}
-                  />
+                  {isAdmin ? (
+                    <>
+                      <ModalConfirmation
+                        icon={<GreenQuestionIcon />}
+                        triggerElement={
+                          <button
+                            className={`${!document.link && "rounded-tl-md rounded-tr-md border-t-[1px]"}  border-[1px] border-b-0 border-t-0 border-solid border-black bg-white px-10 py-4 text-pia_dark_green`}
+                          >
+                            {document.markedAdmin ? "Unmark" : "Mark"} Admin
+                          </button>
+                        }
+                        title={document.markedAdmin ? "Unmark admin?" : "Mark admin only?"}
+                        description={`${document.markedAdmin ? "Everyone will be able to" : "Only admin will"} see these files`}
+                        confirmText={document.markedAdmin ? "Unmark" : "Mark"}
+                        kind="primary"
+                        onConfirmClick={() => {
+                          handleMarkAdmin(document);
+                          setDidDeleteOrMark(true);
+                        }}
+                      />
+                      <ModalConfirmation
+                        icon={<RedDeleteIcon />}
+                        triggerElement={
+                          <button className="rounded-bl-md rounded-br-md border-[1px] border-solid border-black bg-white px-10 py-4 text-destructive">
+                            Delete File
+                          </button>
+                        }
+                        title="Are you sure you want to delete?"
+                        confirmText="Delete"
+                        kind="destructive"
+                        onConfirmClick={() => {
+                          handleDeleteDocument(document);
+                          setDidDeleteOrMark(true);
+                        }}
+                      />
+                    </>
+                  ) : (
+                    ""
+                  )}
                 </PopoverContent>
               </Popover>
             </Fragment>
diff --git a/frontend/src/components/StudentProfile.tsx b/frontend/src/components/StudentProfile.tsx
index fc6c8ee..4e33487 100644
--- a/frontend/src/components/StudentProfile.tsx
+++ b/frontend/src/components/StudentProfile.tsx
@@ -157,7 +157,7 @@ function ProgramLayout({ enrollmentInfo }: ProgramLayoutProps) {
 
 export default function StudentProfile({ id }: StudentProfileProps) {
   const [currentView, setCurrentView] = useState<"View" | "Edit">("View");
-  const { firebaseUser } = useContext(UserContext);
+  const { firebaseUser, isAdmin } = useContext(UserContext);
   const [firebaseToken, setFirebaseToken] = useState<string>();
   const [notFound, setNotFound] = useState<boolean>(false);
   const [studentData, setStudentData] = useState<Student>();
@@ -176,6 +176,30 @@ export default function StudentProfile({ id }: StudentProfileProps) {
     setCurrentView(currentView === "View" ? "Edit" : "View");
   };
 
+  const TruncateDocument = ({
+    documentName,
+    documentLength,
+  }: {
+    documentName: string;
+    documentLength: number;
+  }) => {
+    const minLength = 9; // Shortest truncation
+    const maxLength = 20; // Longest truncation
+    const baseName = documentName.slice(0, documentName.lastIndexOf("."));
+
+    // Use an inverse relationship: fewer documents = longer names
+    const dynamicLength = Math.max(
+      minLength,
+      Math.min(maxLength, 20 - Math.floor((documentLength - 1) * 2)),
+    );
+
+    // Only truncate and add ellipsis if the basename is longer than dynamicLength
+    const displayName =
+      baseName.length > dynamicLength ? baseName.substring(0, dynamicLength) + "..." : baseName;
+
+    return displayName;
+  };
+
   const deleteStudentHandler: MouseEventHandler = () => {
     const lastName = getDeleteValue("lastname");
     if (studentData && firebaseToken && studentData.student.lastName === lastName) {
@@ -423,12 +447,24 @@ export default function StudentProfile({ id }: StudentProfileProps) {
               <div id="documents" className="basis-1/2 space-y-[20px]">
                 <div className="font-[Poppins-Bold] text-[28px]">Documents</div>
                 <div className="flex space-x-[20px]">
-                  <button className="h-[48px] w-[116px] rounded-lg border border-pia_border bg-pia_secondary_green text-pia_primary_white">
-                    Student Info
-                  </button>
-                  <button className="h-[48px] w-[116px] rounded-lg border border-pia_border bg-pia_light_gray">
-                    Waivers
-                  </button>
+                  {studentData.documents?.map((doc, index) => (
+                    <button
+                      onClick={() => {
+                        window.open(doc.link, "_blank");
+                      }}
+                      key={index}
+                      className={
+                        index % 2 === 0
+                          ? "h-[48px] w-[116px] rounded-lg border border-pia_border bg-pia_light_gray"
+                          : "h-[48px] w-[116px] rounded-lg border border-pia_border bg-pia_secondary_green text-pia_primary_white"
+                      }
+                    >
+                      {TruncateDocument({
+                        documentName: doc.name,
+                        documentLength: doc.name.length,
+                      }) || `Document ${index + 1}`}
+                    </button>
+                  ))}
                 </div>
               </div>
               <div id="medications" className="basis-1/2 space-y-[20px]">
@@ -472,43 +508,46 @@ export default function StudentProfile({ id }: StudentProfileProps) {
             </div>
             <NotificationTable />
           </div> */}
+
             <div id="Bottom Buttons" className="flex justify-between">
-              <ModalConfirmation
-                className="h-[60%] w-[40%] rounded-[8px]"
-                title="Are you sure you want to delete this student?"
-                innerContent={
-                  <>
-                    <div className="flex w-[60%] justify-center">
-                      <div className="font-base text-sm sm:text-base">
-                        <li className="font-bold text-destructive">This cannot be undone!</li>
-                        <li>
-                          This will remove this student from all enrolled programs and delete all
-                          notes and documents.
-                        </li>
+              {isAdmin && (
+                <ModalConfirmation
+                  className="h-[60%] w-[40%] rounded-[8px]"
+                  title="Are you sure you want to delete this student?"
+                  innerContent={
+                    <>
+                      <div className="flex w-[60%] justify-center">
+                        <div className="font-base text-sm sm:text-base">
+                          <li className="font-bold text-destructive">This cannot be undone!</li>
+                          <li>
+                            This will remove this student from all enrolled programs and delete all
+                            notes and documents.
+                          </li>
+                        </div>
                       </div>
-                    </div>
-                    <div className="mx-8 mb-8 mt-6">
-                      Enter the student&apos;s last name to proceed
-                      <Textfield
-                        name="lastname"
-                        placeholder="Last Name"
-                        register={deleteRegister}
-                      />
-                    </div>
-                  </>
-                }
-                kind="destructive"
-                triggerElement={
-                  <button className="h-[48px] w-[96px] rounded-sm border border-pia_border text-pia_border">
-                    Delete
-                  </button>
-                }
-                confirmText="Delete"
-                icon={<div />}
-                isParentOpen={deleteDialogOpen}
-                setIsParentOpen={setDeleteDialogOpen}
-                onConfirmClick={deleteStudentHandler}
-              />
+                      <div className="mx-8 mb-8 mt-6">
+                        Enter the student&apos;s last name to proceed
+                        <Textfield
+                          name="lastname"
+                          placeholder="Last Name"
+                          register={deleteRegister}
+                        />
+                      </div>
+                    </>
+                  }
+                  kind="destructive"
+                  triggerElement={
+                    <button className="h-[48px] w-[96px] rounded-sm border border-pia_border text-pia_border">
+                      Delete
+                    </button>
+                  }
+                  confirmText="Delete"
+                  icon={<div />}
+                  isParentOpen={deleteDialogOpen}
+                  setIsParentOpen={setDeleteDialogOpen}
+                  onConfirmClick={deleteStudentHandler}
+                />
+              )}
               <button
                 className="h-[48px] w-[96px] rounded-sm border border-pia_dark_green bg-pia_dark_green text-pia_primary_white"
                 onClick={() => {
diff --git a/frontend/src/contexts/students.tsx b/frontend/src/contexts/students.tsx
index 5a113ee..bc70c33 100644
--- a/frontend/src/contexts/students.tsx
+++ b/frontend/src/contexts/students.tsx
@@ -20,46 +20,40 @@ export const StudentsContext = createContext<StudentsContext>({
 export const StudentsContextProvider = ({ children }: { children: ReactNode }) => {
   const [allStudents, setAllStudents] = useState<StudentMap | undefined>(undefined);
   const [isLoading, setIsLoading] = useState(true);
-  const [firebaseToken, setFirebaseToken] = useState<string>();
   const { firebaseUser } = useContext(UserContext);
 
+  // Fetch Progress Notes and Students
   useEffect(() => {
     if (firebaseUser) {
       firebaseUser
-        .getIdToken()
+        ?.getIdToken()
         .then((token) => {
-          setFirebaseToken(token);
+          getAllStudents(token).then(
+            (result) => {
+              if (result.success) {
+                const StudentsObject = result.data.reduce(
+                  (obj, student) => {
+                    obj[student._id] = student;
+                    return obj;
+                  },
+                  {} as Record<string, Student>,
+                );
+                setAllStudents(StudentsObject);
+                setIsLoading(false);
+              }
+            },
+            (error) => {
+              console.log(error);
+              setIsLoading(false);
+            },
+          );
         })
-        .catch((err) => {
-          console.log(err);
+        .catch((error) => {
+          console.error(error);
         });
     }
   }, [firebaseUser]);
 
-  useEffect(() => {
-    if (firebaseToken) {
-      getAllStudents(firebaseToken).then(
-        (result) => {
-          if (result.success) {
-            const StudentsObject = result.data.reduce(
-              (obj, student) => {
-                obj[student._id] = student;
-                return obj;
-              },
-              {} as Record<string, Student>,
-            );
-            setAllStudents(StudentsObject);
-            setIsLoading(false);
-          }
-        },
-        (error) => {
-          console.log(error);
-          setIsLoading(false);
-        },
-      );
-    }
-  }, [firebaseToken]);
-
   return (
     <StudentsContext.Provider value={{ allStudents, setAllStudents, isLoading }}>
       {children}
diff --git a/frontend/src/pages/attendance.tsx b/frontend/src/pages/attendance.tsx
index b08eb88..0cc3713 100644
--- a/frontend/src/pages/attendance.tsx
+++ b/frontend/src/pages/attendance.tsx
@@ -5,7 +5,9 @@ import { AbsenceSession, Session, getAbsenceSessions, getRecentSessions } from "
 import { getAllStudents } from "@/api/students";
 import { AttendanceCard } from "@/components/AttendanceCard";
 import { AttendanceTable } from "@/components/AttendanceTable";
-import { ProgramMap, StudentMap } from "@/components/StudentsTable/types";
+import LoadingSpinner from "@/components/LoadingSpinner";
+import { ProgramMap } from "@/components/StudentsTable/types";
+import { StudentsContext } from "@/contexts/students";
 import { UserContext } from "@/contexts/user";
 import { useRedirectTo404IfNotAdmin, useRedirectToLoginIfNotSignedIn } from "@/hooks/redirect";
 
@@ -18,13 +20,15 @@ export default function AttendanceDashboard() {
 
   const [allSessions, setAllSessions] = useState<Sessions>(); // map from program id to program
   const [allPrograms, setAllPrograms] = useState<ProgramMap>({}); // map from program id to program
-  const [allStudents, setAllStudents] = useState<StudentMap>({});
   const [allAbsenceSessions, setAllAbsenceSessions] = useState<AbsenceSessions>([]);
   const [sessionsLoading, setSessionsLoading] = useState(true);
   const [programsLoading, setProgramsLoading] = useState(true);
-  const [studentsLoading, setStudentsLoading] = useState(true);
+  // const [studentsLoading, setStudentsLoading] = useState(true);
   const [absencsSessionsLoading, setAbsenceSessionsLoading] = useState(true);
 
+  const { allStudents } = useContext(StudentsContext);
+  const studentsLoading = allStudents === undefined;
+
   const [remainingSessions, setRemainingSessions] = useState(0);
   const [remainingAbsenceSessions, setRemainingAbsenceSessions] = useState(0);
 
@@ -109,12 +113,12 @@ export default function AttendanceDashboard() {
         // console.log(result);
         if (result.success) {
           // Convert student array to object with keys as ids and values as corresponding student
-          const studentsObject = result.data.reduce((obj, student) => {
-            obj[student._id] = student;
-            return obj;
-          }, {} as StudentMap);
-          setAllStudents(studentsObject);
-          setStudentsLoading(false);
+          // const studentsObject = result.data.reduce((obj, student) => {
+          //   obj[student._id] = student;
+          //   return obj;
+          // }, {} as StudentMap);
+          // setAllStudents(studentsObject);
+          // setStudentsLoading(false);
         }
       },
       (error) => {
@@ -140,7 +144,7 @@ export default function AttendanceDashboard() {
   }, [firebaseToken]);
 
   if (sessionsLoading || studentsLoading || programsLoading || absencsSessionsLoading)
-    return <p>Loading...</p>;
+    return <LoadingSpinner />;
   else {
     return (
       <main>
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index ec6bcb7..9a81a25 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,7 +1,6 @@
 import { ReactElement } from "react";
 
 import Login from "./login";
-// import CreateUser from "./create_user";
 
 import Landing from "@/components/Landing";