diff --git a/src/components/ClassTable.module.css b/src/components/ClassTable.module.css
index 7b78c90c..33abd711 100644
--- a/src/components/ClassTable.module.css
+++ b/src/components/ClassTable.module.css
@@ -5,3 +5,8 @@
 .row:hover .underline-on-hover {
   text-decoration: underline;
 }
+
+.overflow span {
+  overflow-x: auto;
+  text-overflow: unset;
+}
diff --git a/src/components/ClassTable.tsx b/src/components/ClassTable.tsx
index 32a2df66..e7378cc3 100644
--- a/src/components/ClassTable.tsx
+++ b/src/components/ClassTable.tsx
@@ -559,6 +559,7 @@ export function ClassTable() {
         field: "name",
         sortable: false,
         flex: 1,
+        cellClass: styles.overflow,
         valueFormatter: (params) =>
           (params.data?.class.new ? "✨ " : "") + (params.value ?? ""),
       },
@@ -566,9 +567,7 @@ export function ClassTable() {
   }, [state]);
 
   const defaultColDef: ColDef<ClassTableRow, string> = useMemo(() => {
-    return {
-      resizable: false,
-    };
+    return { resizable: false };
   }, []);
 
   // Setup rows
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)