From bfd6df66988500bd5d123292d481665690afec3f Mon Sep 17 00:00:00 2001
From: Shivani Rupnawar <shivani.n.rupnawar@gmail.com>
Date: Tue, 15 Apr 2025 17:36:26 -0700
Subject: [PATCH 1/2] added scroll to the Name column of the ClassTable

---
 src/components/ClassTable.scss |  5 +++++
 src/components/ClassTable.tsx  | 15 +++++----------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/ClassTable.scss b/src/components/ClassTable.scss
index c4e36aea..341c8d6d 100644
--- a/src/components/ClassTable.scss
+++ b/src/components/ClassTable.scss
@@ -29,3 +29,8 @@
 .ag-cell-normal-text {
   color: var(--chakra-colors-fg);
 }
+
+.ag-cell.ag-column-last span{
+  overflow-x: auto;
+  text-overflow: unset;
+}
\ No newline at end of file
diff --git a/src/components/ClassTable.tsx b/src/components/ClassTable.tsx
index 7a4cea39..78b6f969 100644
--- a/src/components/ClassTable.tsx
+++ b/src/components/ClassTable.tsx
@@ -119,13 +119,10 @@ function ClassInput(props: {
   const [classInput, setClassInput] = useState("");
 
   // Search results for classes.
-  const searchResults = useRef<
-    Array<{
-      numbers: Array<string>;
-      name: string;
-      class: Class;
-    }>
-  >(undefined);
+  const searchResults =
+    useRef<Array<{ numbers: Array<string>; name: string; class: Class }>>(
+      undefined,
+    );
 
   const processedRows = useMemo(
     () =>
@@ -489,9 +486,7 @@ export function ClassTable(props: {
   }, [state]);
 
   const defaultColDef: ColDef<ClassTableRow, string> = useMemo(() => {
-    return {
-      resizable: false,
-    };
+    return { resizable: false };
   }, []);
 
   // Setup rows

From 37ada16ee713737b771689eb721961736f5172de Mon Sep 17 00:00:00 2001
From: Diego Temkin <65834932+dtemkin1@users.noreply.github.com>
Date: Sun, 8 Feb 2026 15:52:51 -0500
Subject: [PATCH 2/2] put this in the wrong place...

---
 src/components/ClassTable.tsx   | 3 ++-
 src/components/PEClassTable.tsx | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ClassTable.tsx b/src/components/ClassTable.tsx
index ccdab7c8..e7378cc3 100644
--- a/src/components/ClassTable.tsx
+++ b/src/components/ClassTable.tsx
@@ -534,7 +534,7 @@ export function ClassTable() {
         comparator: classSort,
         initialSort,
         maxWidth: 93,
-        cellClass: [styles["underline-on-hover"], styles.overflow],
+        cellClass: styles["underline-on-hover"],
         ...sortProps,
       },
       {
@@ -559,6 +559,7 @@ export function ClassTable() {
         field: "name",
         sortable: false,
         flex: 1,
+        cellClass: styles.overflow,
         valueFormatter: (params) =>
           (params.data?.class.new ? "✨ " : "") + (params.value ?? ""),
       },
diff --git a/src/components/PEClassTable.tsx b/src/components/PEClassTable.tsx
index 7300d8f6..43e4250b 100644
--- a/src/components/PEClassTable.tsx
+++ b/src/components/PEClassTable.tsx
@@ -435,6 +435,7 @@ export function PEClassTable() {
         field: "name",
         sortable: false,
         flex: 1,
+        cellClass: styles.overflow,
         valueFormatter: (params) =>
           Object.entries(params.data?.class.flags ?? ({} as PEFlags))
             .filter(([_, val]) => val)