From 713773d8533839ac512c5f9b6c8cd0fda7f68d97 Mon Sep 17 00:00:00 2001
From: Cory Pride <cory.pride83@gmail.com>
Date: Tue, 9 Jun 2026 18:48:25 -0500
Subject: [PATCH 1/2] fix: removed operational insights page due to potential
 merge conflicts

---
 .../knowledge-center/OpenContentItemAccordion.tsx  |  2 +-
 .../src/components/schedule/SessionDetailSheet.tsx |  2 +-
 .../src/components/student/ActivityHistoryCard.tsx |  4 ++--
 frontend/src/components/ui/command.tsx             |  2 +-
 frontend/src/components/ui/drawer.tsx              |  2 +-
 frontend/src/components/ui/navigation-menu.tsx     |  2 +-
 frontend/src/pages/ClassesPage.tsx                 | 14 +++++++-------
 frontend/src/pages/Dashboard.tsx                   |  6 +++---
 frontend/src/pages/ProgramsPage.tsx                |  6 +++---
 .../resident-profile/DetailedAttendanceDialog.tsx  | 10 +++-------
 frontend/src/pages/auth/Login.tsx                  |  4 ++--
 frontend/src/pages/class-detail/AuditTab.tsx       |  2 +-
 frontend/src/pages/class-detail/EditClassModal.tsx |  2 +-
 .../pages/class-detail/EnrollmentHistoryTab.tsx    |  2 +-
 frontend/src/pages/class-detail/RosterTab.tsx      |  9 ++++++---
 frontend/src/pages/class-detail/ScheduleTab.tsx    |  4 ++--
 frontend/src/pages/class-detail/SupportTab.tsx     |  2 +-
 .../src/pages/class-detail/TakeAttendanceModal.tsx |  2 +-
 frontend/src/pages/class-detail/index.tsx          |  2 +-
 .../src/pages/event-attendance/AttendanceRow.tsx   |  2 +-
 frontend/src/pages/event-attendance/index.tsx      |  4 ++--
 frontend/src/pages/program-detail/ClassesTab.tsx   |  2 +-
 .../src/pages/program-detail/EditProgramDialog.tsx |  2 +-
 frontend/src/pages/programs/ClassEvents.tsx        |  2 +-
 .../programs/ProgramOverviewFacilityAdmin.tsx      |  4 ++--
 frontend/src/styles/globals.css                    |  6 +++---
 26 files changed, 50 insertions(+), 51 deletions(-)

diff --git a/frontend/src/components/knowledge-center/OpenContentItemAccordion.tsx b/frontend/src/components/knowledge-center/OpenContentItemAccordion.tsx
index 2e02434d5..4e3b94e34 100644
--- a/frontend/src/components/knowledge-center/OpenContentItemAccordion.tsx
+++ b/frontend/src/components/knowledge-center/OpenContentItemAccordion.tsx
@@ -102,7 +102,7 @@ export default function OpenContentItemAccordion({
                     <div
                         className={`transition-[max-height] duration-300 ${
                             activeKey === title
-                                ? 'overflow-visible max-h-[800px]'
+                                ? 'overflow-visible max-h-200'
                                 : 'max-h-0 overflow-hidden'
                         }`}
                     >
diff --git a/frontend/src/components/schedule/SessionDetailSheet.tsx b/frontend/src/components/schedule/SessionDetailSheet.tsx
index eac90749a..f4296610a 100644
--- a/frontend/src/components/schedule/SessionDetailSheet.tsx
+++ b/frontend/src/components/schedule/SessionDetailSheet.tsx
@@ -181,7 +181,7 @@ export function SessionDetailSheet({
     return (
         <>
             <Sheet open={!!session} onOpenChange={onClose}>
-                <SheetContent className="w-[400px] sm:w-[500px] p-0">
+                <SheetContent className="w-100 sm:w-125 p-0">
                     <SheetHeader className="sr-only">
                         <SheetTitle>Class Instance Details</SheetTitle>
                         <SheetDescription>
diff --git a/frontend/src/components/student/ActivityHistoryCard.tsx b/frontend/src/components/student/ActivityHistoryCard.tsx
index 2b8b64615..6ffd5e181 100644
--- a/frontend/src/components/student/ActivityHistoryCard.tsx
+++ b/frontend/src/components/student/ActivityHistoryCard.tsx
@@ -90,7 +90,7 @@ export default function ActivityHistoryCard({
             <div className="flex items-center justify-between mb-6">
                 <h3 className="text-brand-dark">{heading}</h3>
                 <Select value={filterQuery} onValueChange={setFilterQuery}>
-                    <SelectTrigger className="w-[160px]">
+                    <SelectTrigger className="w-40">
                         <SelectValue placeholder="Filter" />
                     </SelectTrigger>
                     <SelectContent>
@@ -139,7 +139,7 @@ export default function ActivityHistoryCard({
                                 key={`${String(item.created_at)}-${idx}`}
                                 className="flex gap-3 text-sm"
                             >
-                                <div className="text-gray-500 min-w-[100px] shrink-0">
+                                <div className="text-gray-500 min-w-25 shrink-0">
                                     {new Date(
                                         item.created_at
                                     ).toLocaleDateString('en-US', {
diff --git a/frontend/src/components/ui/command.tsx b/frontend/src/components/ui/command.tsx
index a60ee13de..f4f00f700 100644
--- a/frontend/src/components/ui/command.tsx
+++ b/frontend/src/components/ui/command.tsx
@@ -83,7 +83,7 @@ function CommandList({
         <CommandPrimitive.List
             data-slot="command-list"
             className={cn(
-                'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',
+                'max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto',
                 className
             )}
             {...props}
diff --git a/frontend/src/components/ui/drawer.tsx b/frontend/src/components/ui/drawer.tsx
index bc8553157..f7a465756 100644
--- a/frontend/src/components/ui/drawer.tsx
+++ b/frontend/src/components/ui/drawer.tsx
@@ -64,7 +64,7 @@ const DrawerContent = React.forwardRef<
             )}
             {...props}
         >
-            <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+            <div className="bg-muted mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
             {children}
         </DrawerPrimitive.Content>
     </DrawerPortal>
diff --git a/frontend/src/components/ui/navigation-menu.tsx b/frontend/src/components/ui/navigation-menu.tsx
index 4968951fc..0ba63c368 100644
--- a/frontend/src/components/ui/navigation-menu.tsx
+++ b/frontend/src/components/ui/navigation-menu.tsx
@@ -145,7 +145,7 @@ function NavigationMenuIndicator({
         <NavigationMenuPrimitive.Indicator
             data-slot="navigation-menu-indicator"
             className={cn(
-                'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden',
+                'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',
                 className
             )}
             {...props}
diff --git a/frontend/src/pages/ClassesPage.tsx b/frontend/src/pages/ClassesPage.tsx
index 995dd7571..88f98a34f 100644
--- a/frontend/src/pages/ClassesPage.tsx
+++ b/frontend/src/pages/ClassesPage.tsx
@@ -275,7 +275,7 @@ export default function ClassesPage() {
 
                 <div className="card-block p-4 mb-6">
                     <div className="flex gap-4 items-center flex-wrap">
-                        <div className="flex-1 relative min-w-[300px]">
+                        <div className="flex-1 relative min-w-75">
                             <Search className="input-icon-left size-5" />
                             <Input
                                 placeholder="Search classes, programs, or instructors..."
@@ -313,7 +313,7 @@ export default function ClassesPage() {
                                 value={facilityFilter}
                                 onValueChange={setFacilityFilter}
                             >
-                                <SelectTrigger className="w-[200px] overflow-hidden">
+                                <SelectTrigger className="w-50 overflow-hidden">
                                     <Filter className="size-4 mr-2 shrink-0" />
                                     <SelectValue placeholder="All Facilities" />
                                 </SelectTrigger>
@@ -336,7 +336,7 @@ export default function ClassesPage() {
                             value={programFilter}
                             onValueChange={setProgramFilter}
                         >
-                            <SelectTrigger className="w-[220px]">
+                            <SelectTrigger className="w-55">
                                 <Filter className="size-4 mr-2" />
                                 <SelectValue placeholder="All Programs" />
                             </SelectTrigger>
@@ -355,7 +355,7 @@ export default function ClassesPage() {
                             value={statusFilter}
                             onValueChange={setStatusFilter}
                         >
-                            <SelectTrigger className="w-[180px]">
+                            <SelectTrigger className="w-45">
                                 <SelectValue placeholder="All Status" />
                             </SelectTrigger>
                             <SelectContent>
@@ -468,7 +468,7 @@ export default function ClassesPage() {
                             className="pl-10"
                         />
                     </div>
-                    <div className="max-h-[400px] overflow-y-auto space-y-2">
+                    <div className="max-h-100 overflow-y-auto space-y-2">
                         {facilities
                             .filter(
                                 (f) =>
@@ -556,7 +556,7 @@ export default function ClassesPage() {
                             className="pl-10"
                         />
                     </div>
-                    <div className="max-h-[400px] overflow-y-auto space-y-2">
+                    <div className="max-h-100 overflow-y-auto space-y-2">
                         {!programsResp ? (
                             <p className="text-center text-gray-500 py-8">
                                 Loading programs...
@@ -689,7 +689,7 @@ function ClassRow({
                 </div>
             </td>
             <td className="px-6 py-4">
-                <div className="w-[140px]">
+                <div className="w-35">
                     <div className="mb-1">
                         <span className="text-sm text-gray-700">
                             {cls.enrolled} / {cls.capacity}
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index 6a14f92ed..e32d41460 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -199,7 +199,7 @@ function DeptAdminView({
                     <FacilityHealthTable rows={facilityRows} />
                 </div>
                 <div className="flex gap-6 flex-wrap lg:flex-nowrap">
-                    <div className="flex-1 lg:flex-[2] min-w-[300px]">
+                    <div className="flex-1 lg:flex-[2] min-w-75">
                         <MissingAttendanceWidget
                             items={missingAttendance}
                             isLoading={missingAttendanceLoading}
@@ -357,7 +357,7 @@ function TodaysSchedule({
                                         }
                                         className="flex items-center gap-4 flex-1 cursor-pointer min-w-0"
                                     >
-                                        <div className="flex items-center gap-2 min-w-[80px] shrink-0">
+                                        <div className="flex items-center gap-2 min-w-20 shrink-0">
                                             <Clock className="size-4 text-gray-500 dark:text-gray-400" />
                                             <span className="text-sm text-brand-dark dark:text-white">
                                                 {formatTime12h(item.start_time)}
@@ -371,7 +371,7 @@ function TodaysSchedule({
                                                 {item.instructor_name}
                                             </div>
                                         </div>
-                                        <div className="text-sm text-gray-500 dark:text-gray-400 min-w-[160px] hidden md:block">
+                                        <div className="text-sm text-gray-500 dark:text-gray-400 min-w-40 hidden md:block">
                                             {item.room || '-'}
                                         </div>
                                     </div>
diff --git a/frontend/src/pages/ProgramsPage.tsx b/frontend/src/pages/ProgramsPage.tsx
index f1c2a8839..546aaf679 100644
--- a/frontend/src/pages/ProgramsPage.tsx
+++ b/frontend/src/pages/ProgramsPage.tsx
@@ -441,7 +441,7 @@ export default function ProgramsPage() {
                             value={sort}
                             onValueChange={(v) => setSort(v as SortOption)}
                         >
-                            <SelectTrigger className="w-[220px] focus-visible:border-gray-400 focus-visible:ring-gray-400/50 dark:!bg-[rgba(38,38,38,0.3)] cursor-default">
+                            <SelectTrigger className="w-55 focus-visible:border-gray-400 focus-visible:ring-gray-400/50 dark:!bg-[rgba(38,38,38,0.3)] cursor-default">
                                 <SelectValue placeholder="Sort By" />
                             </SelectTrigger>
                             <SelectContent>
@@ -480,7 +480,7 @@ export default function ProgramsPage() {
                                     <ChevronDown className="size-4" />
                                 </button>
                             </PopoverTrigger>
-                            <PopoverContent className="w-[240px] p-4">
+                            <PopoverContent className="w-60 p-4">
                                 <div className="mb-3 font-medium text-sm">
                                     Filter by Program Type
                                 </div>
@@ -521,7 +521,7 @@ export default function ProgramsPage() {
                                     <ChevronDown className="size-4" />
                                 </button>
                             </PopoverTrigger>
-                            <PopoverContent className="w-[240px] p-4">
+                            <PopoverContent className="w-60 p-4">
                                 <div className="mb-3 font-medium text-sm">
                                     Filter by Status
                                 </div>
diff --git a/frontend/src/pages/admin/resident-profile/DetailedAttendanceDialog.tsx b/frontend/src/pages/admin/resident-profile/DetailedAttendanceDialog.tsx
index abc1a8112..7c6166541 100644
--- a/frontend/src/pages/admin/resident-profile/DetailedAttendanceDialog.tsx
+++ b/frontend/src/pages/admin/resident-profile/DetailedAttendanceDialog.tsx
@@ -138,13 +138,9 @@ export function DetailedAttendanceDialog({
                     <Table className="table-fixed">
                         <TableHeader>
                             <TableRow>
-                                <TableHead className="w-[120px]">
-                                    Date
-                                </TableHead>
-                                <TableHead className="w-[100px]">
-                                    Status
-                                </TableHead>
-                                <TableHead className="w-[120px]">
+                                <TableHead className="w-30">Date</TableHead>
+                                <TableHead className="w-25">Status</TableHead>
+                                <TableHead className="w-30">
                                     Marked By
                                 </TableHead>
                                 <TableHead>Notes</TableHead>
diff --git a/frontend/src/pages/auth/Login.tsx b/frontend/src/pages/auth/Login.tsx
index fe0847c94..c8fee051e 100644
--- a/frontend/src/pages/auth/Login.tsx
+++ b/frontend/src/pages/auth/Login.tsx
@@ -12,11 +12,11 @@ export default function Login() {
         <div className="min-h-screen flex">
             <div className="hidden lg:flex lg:w-[55%] flex-col justify-between bg-[#2C3622] text-white p-14 relative overflow-hidden">
                 <div
-                    className="absolute top-0 left-0 w-[520px] h-[520px] rounded-full opacity-[0.07] -translate-x-1/3 -translate-y-1/3 pointer-events-none"
+                    className="absolute top-0 left-0 w-130 h-130 rounded-full opacity-[0.07] -translate-x-1/3 -translate-y-1/3 pointer-events-none"
                     style={{ backgroundColor: BRAND_GOLD }}
                 />
                 <div
-                    className="absolute bottom-0 right-0 w-[420px] h-[420px] rounded-full opacity-[0.07] translate-x-1/3 translate-y-1/3 pointer-events-none"
+                    className="absolute bottom-0 right-0 w-105 h-105 rounded-full opacity-[0.07] translate-x-1/3 translate-y-1/3 pointer-events-none"
                     style={{ backgroundColor: BRAND_GOLD }}
                 />
 
diff --git a/frontend/src/pages/class-detail/AuditTab.tsx b/frontend/src/pages/class-detail/AuditTab.tsx
index a50214ea7..ef112bc8f 100644
--- a/frontend/src/pages/class-detail/AuditTab.tsx
+++ b/frontend/src/pages/class-detail/AuditTab.tsx
@@ -182,7 +182,7 @@ export function AuditTab({ classId }: AuditTabProps) {
                             key={`${entry.created_at}-${entry.field_name}-${idx}`}
                             className="flex gap-3 text-sm"
                         >
-                            <div className="text-gray-500 min-w-[100px] shrink-0">
+                            <div className="text-gray-500 min-w-25 shrink-0">
                                 {new Date(entry.created_at).toLocaleDateString(
                                     'en-US',
                                     {
diff --git a/frontend/src/pages/class-detail/EditClassModal.tsx b/frontend/src/pages/class-detail/EditClassModal.tsx
index 6ec38c1d4..04fbabe33 100644
--- a/frontend/src/pages/class-detail/EditClassModal.tsx
+++ b/frontend/src/pages/class-detail/EditClassModal.tsx
@@ -430,7 +430,7 @@ export function EditClassModal({
                 onOpenChange={onOpenChange}
                 title="Edit Class"
                 description="Make changes to the class details."
-                className="sm:max-w-[600px] max-h-[90vh] overflow-y-auto"
+                className="sm:max-w-150 max-h-[90vh] overflow-y-auto"
             >
                 <div className="space-y-6">
                     <div className="space-y-4">
diff --git a/frontend/src/pages/class-detail/EnrollmentHistoryTab.tsx b/frontend/src/pages/class-detail/EnrollmentHistoryTab.tsx
index 43970fe9b..580711a23 100644
--- a/frontend/src/pages/class-detail/EnrollmentHistoryTab.tsx
+++ b/frontend/src/pages/class-detail/EnrollmentHistoryTab.tsx
@@ -169,7 +169,7 @@ export function EnrollmentHistoryTab({ classId }: EnrollmentHistoryTabProps) {
                         >
                             <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2">
                                 <div className="flex items-start gap-3 sm:gap-6 flex-1">
-                                    <div className="w-[160px] shrink-0">
+                                    <div className="w-40 shrink-0">
                                         <div className="text-brand-dark font-medium truncate">
                                             {enrollment.doc_id}
                                         </div>
diff --git a/frontend/src/pages/class-detail/RosterTab.tsx b/frontend/src/pages/class-detail/RosterTab.tsx
index 4bfd8534c..8a1313f57 100644
--- a/frontend/src/pages/class-detail/RosterTab.tsx
+++ b/frontend/src/pages/class-detail/RosterTab.tsx
@@ -101,7 +101,10 @@ export function RosterTab({
         `/api/program-classes/${classId}/events?all=true`
     );
 
-    const enrolledRows = enrollmentResp?.data ?? [];
+    const enrolledRows = useMemo(
+        () => enrollmentResp?.data ?? [],
+        [enrollmentResp]
+    );
 
     const attendanceMap = useMemo(() => {
         return computeAttendanceByUser(eventsResp?.data ?? []);
@@ -290,7 +293,7 @@ export function RosterTab({
                                                 aria-label={`Select ${enrollment.doc_id}`}
                                                 className="shrink-0"
                                             />
-                                            <div className="w-[140px] shrink-0">
+                                            <div className="w-35 shrink-0">
                                                 <div className="text-brand-dark font-medium">
                                                     {enrollment.doc_id}
                                                 </div>
@@ -421,7 +424,7 @@ export function RosterTab({
                                                 </DropdownMenuTrigger>
                                                 <DropdownMenuContent
                                                     align="end"
-                                                    className="z-[100]"
+                                                    className="z-100"
                                                 >
                                                     <DropdownMenuItem
                                                         onClick={() =>
diff --git a/frontend/src/pages/class-detail/ScheduleTab.tsx b/frontend/src/pages/class-detail/ScheduleTab.tsx
index 5b663d8d3..8a100811f 100644
--- a/frontend/src/pages/class-detail/ScheduleTab.tsx
+++ b/frontend/src/pages/class-detail/ScheduleTab.tsx
@@ -346,7 +346,7 @@ export function ScheduleTab({ cls, onClassMutate }: ScheduleTabProps) {
                     </div>
 
                     <div className="overflow-x-auto">
-                        <div className="min-w-[500px] border border-gray-200 rounded-lg overflow-hidden">
+                        <div className="min-w-125 border border-gray-200 rounded-lg overflow-hidden">
                             <div className="grid grid-cols-7 bg-gray-50">
                                 {DAY_HEADERS.map((d) => (
                                     <div
@@ -386,7 +386,7 @@ export function ScheduleTab({ cls, onClassMutate }: ScheduleTabProps) {
                                                         handleDayClick(day);
                                                 }}
                                                 className={cn(
-                                                    'min-h-[80px] p-2 border-t border-r border-gray-200 last:border-r-0 transition-all',
+                                                    'min-h-20 p-2 border-t border-r border-gray-200 last:border-r-0 transition-all',
                                                     !day.isCurrentMonth &&
                                                         'bg-gray-50',
                                                     day.isToday && 'bg-blue-50',
diff --git a/frontend/src/pages/class-detail/SupportTab.tsx b/frontend/src/pages/class-detail/SupportTab.tsx
index c6553e62f..7b2ee7360 100644
--- a/frontend/src/pages/class-detail/SupportTab.tsx
+++ b/frontend/src/pages/class-detail/SupportTab.tsx
@@ -46,7 +46,7 @@ export function SupportTab({ classId }: SupportTabProps) {
                         >
                             <div className="flex items-start justify-between">
                                 <div className="flex items-start gap-6 flex-1">
-                                    <div className="w-[160px] shrink-0">
+                                    <div className="w-40 shrink-0">
                                         <div className="text-brand-dark font-medium">
                                             {flag.doc_id}
                                         </div>
diff --git a/frontend/src/pages/class-detail/TakeAttendanceModal.tsx b/frontend/src/pages/class-detail/TakeAttendanceModal.tsx
index c3b00f2b0..3ac039587 100644
--- a/frontend/src/pages/class-detail/TakeAttendanceModal.tsx
+++ b/frontend/src/pages/class-detail/TakeAttendanceModal.tsx
@@ -178,7 +178,7 @@ export function TakeAttendanceModal({
                         )}
                     </div>
 
-                    <div className="max-h-[300px] overflow-y-auto space-y-2 pr-2">
+                    <div className="max-h-75 overflow-y-auto space-y-2 pr-2">
                         {pastSessions.length === 0 ? (
                             <p className="text-center text-gray-500 py-6 text-sm">
                                 No past sessions in the last 30 days.
diff --git a/frontend/src/pages/class-detail/index.tsx b/frontend/src/pages/class-detail/index.tsx
index a8503f331..806386a79 100644
--- a/frontend/src/pages/class-detail/index.tsx
+++ b/frontend/src/pages/class-detail/index.tsx
@@ -170,7 +170,7 @@ export default function ClassDetailPage() {
                                 </DropdownMenuTrigger>
                                 <DropdownMenuContent
                                     align="end"
-                                    className="z-[100]"
+                                    className="z-100"
                                 >
                                     <Tooltip>
                                         <TooltipTrigger asChild>
diff --git a/frontend/src/pages/event-attendance/AttendanceRow.tsx b/frontend/src/pages/event-attendance/AttendanceRow.tsx
index be85ea4bb..86aa4cf17 100644
--- a/frontend/src/pages/event-attendance/AttendanceRow.tsx
+++ b/frontend/src/pages/event-attendance/AttendanceRow.tsx
@@ -56,7 +56,7 @@ export function AttendanceRow({
             <TableCell className="whitespace-nowrap">
                 {row.doc_id || '-'}
             </TableCell>
-            <TableCell className="min-w-[200px]">
+            <TableCell className="min-w-50">
                 <div className="flex gap-1">
                     {TABLE_ATTENDANCE_STATUSES.map((opt) => (
                         <Button
diff --git a/frontend/src/pages/event-attendance/index.tsx b/frontend/src/pages/event-attendance/index.tsx
index db7ebaf6b..1c8afb934 100644
--- a/frontend/src/pages/event-attendance/index.tsx
+++ b/frontend/src/pages/event-attendance/index.tsx
@@ -514,7 +514,7 @@ function AttendanceRowCard({
     return (
         <div className="px-4 sm:px-6 py-5 hover:bg-surface-hover/30 transition-colors">
             <div className="flex flex-col sm:flex-row sm:items-start gap-4">
-                <div className="min-w-[70px] sm:min-w-[100px] shrink-0">
+                <div className="min-w-[70px] sm:min-w-25 shrink-0">
                     <div className="text-brand-dark font-medium">
                         {row.doc_id}
                     </div>
@@ -674,7 +674,7 @@ function CollapsibleNoteField({
                 }
                 value={value}
                 onChange={(e) => onChange(e.target.value)}
-                className="min-h-[80px] text-sm"
+                className="min-h-20 text-sm"
             />
         </div>
     );
diff --git a/frontend/src/pages/program-detail/ClassesTab.tsx b/frontend/src/pages/program-detail/ClassesTab.tsx
index 7a945265a..325c9dcc6 100644
--- a/frontend/src/pages/program-detail/ClassesTab.tsx
+++ b/frontend/src/pages/program-detail/ClassesTab.tsx
@@ -66,7 +66,7 @@ function ClassRow({
                         <span className="font-medium text-brand">--</span>
                     </div>
                 </div>
-                <div className="ml-6 min-w-[200px]">
+                <div className="ml-6 min-w-50">
                     <div className="flex items-center justify-between mb-2">
                         <span className="text-sm text-gray-600">
                             Enrollment
diff --git a/frontend/src/pages/program-detail/EditProgramDialog.tsx b/frontend/src/pages/program-detail/EditProgramDialog.tsx
index 1c39fa958..32f6cfa17 100644
--- a/frontend/src/pages/program-detail/EditProgramDialog.tsx
+++ b/frontend/src/pages/program-detail/EditProgramDialog.tsx
@@ -191,7 +191,7 @@ export default function EditProgramDialog({
             onOpenChange={onOpenChange}
             title="Edit Program"
             description="Make changes to the program details and categorization."
-            className="sm:max-w-[700px] max-h-[90vh] overflow-y-auto"
+            className="sm:max-w-175 max-h-[90vh] overflow-y-auto"
             titleClassName="text-foreground"
         >
             <div className="space-y-6">
diff --git a/frontend/src/pages/programs/ClassEvents.tsx b/frontend/src/pages/programs/ClassEvents.tsx
index 8908790db..d536ae3f4 100644
--- a/frontend/src/pages/programs/ClassEvents.tsx
+++ b/frontend/src/pages/programs/ClassEvents.tsx
@@ -132,7 +132,7 @@ export default function ClassEvents() {
                     >
                         <ChevronLeft className="size-4" />
                     </Button>
-                    <span className="text-lg font-semibold text-foreground min-w-[180px] text-center">
+                    <span className="text-lg font-semibold text-foreground min-w-45 text-center">
                         {formatMonthYear(currentMonth)}
                     </span>
                     <Button
diff --git a/frontend/src/pages/programs/ProgramOverviewFacilityAdmin.tsx b/frontend/src/pages/programs/ProgramOverviewFacilityAdmin.tsx
index 8d31721d1..22f4487de 100644
--- a/frontend/src/pages/programs/ProgramOverviewFacilityAdmin.tsx
+++ b/frontend/src/pages/programs/ProgramOverviewFacilityAdmin.tsx
@@ -488,7 +488,7 @@ export default function ProgramOverviewFacilityAdmin() {
                                             }
                                             disabled={archiveCheckLoading}
                                         >
-                                            <SelectTrigger className="w-[140px] h-9 focus-visible:border-[#b3b3b3] focus-visible:ring-[3px] focus-visible:ring-[#b3b3b3]/50 focus-visible:ring-offset-0">
+                                            <SelectTrigger className="w-35 h-9 focus-visible:border-[#b3b3b3] focus-visible:ring-[3px] focus-visible:ring-[#b3b3b3]/50 focus-visible:ring-offset-0">
                                                 <SelectValue />
                                             </SelectTrigger>
                                             <SelectContent>
@@ -1109,7 +1109,7 @@ function ClassRow({
                     </div>
                 </div>
                 {showEnrollment && (
-                    <div className="ml-6 min-w-[200px]">
+                    <div className="ml-6 min-w-50">
                         <div className="flex items-center justify-between mb-2">
                             <span className="text-sm text-gray-600">
                                 Enrollment
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index 986233d92..3eb0b441f 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -240,7 +240,7 @@ html {
 }
 
 .filter-button {
-    @apply w-[220px] bg-white border border-gray-200 rounded-lg px-3 py-2 text-sm flex items-center justify-between hover:bg-gray-50 transition-colors cursor-default focus-visible:outline-none focus-visible:border-gray-400 focus-visible:ring-1 focus-visible:ring-gray-400/50;
+    @apply w-55 bg-white border border-gray-200 rounded-lg px-3 py-2 text-sm flex items-center justify-between hover:bg-gray-50 transition-colors cursor-default focus-visible:outline-none focus-visible:border-gray-400 focus-visible:ring-1 focus-visible:ring-gray-400/50;
 }
 
 .media-card {
@@ -340,11 +340,11 @@ html {
 }
 
 .lead-icon {
-    @apply size-5 text-gray-400 mt-0.5 flex-shrink-0;
+    @apply size-5 text-gray-400 mt-0.5 shrink-0;
 }
 
 .lead-icon-sm {
-    @apply size-4 text-gray-600 mt-0.5 flex-shrink-0;
+    @apply size-4 text-gray-600 mt-0.5 shrink-0;
 }
 
 .clickable-row {

From b48579347bba0c12581302650efa16449cf9bf6f Mon Sep 17 00:00:00 2001
From: Cory Pride <cory.pride83@gmail.com>
Date: Tue, 9 Jun 2026 19:17:02 -0500
Subject: [PATCH 2/2] fix: removed changes to global.css

---
 frontend/src/styles/globals.css | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index 3eb0b441f..b648ae02d 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -465,16 +465,11 @@ input[type='checkbox']:focus {
 }
 
 .unlocked-calendar .rbc-month-view,
-.unlocked-calendar .rbc-time-view {
-    border: 1px solid #e5e7eb;
-    border-radius: 8px;
-    overflow: hidden;
-}
-
+.unlocked-calendar .rbc-time-view,
 .unlocked-calendar .rbc-agenda-view {
     border: 1px solid #e5e7eb;
     border-radius: 8px;
-    overflow: auto;
+    overflow: hidden;
 }
 
 .unlocked-calendar .rbc-time-slot {