diff --git a/frontend/src/views/History/HistoryTable.tsx b/frontend/src/views/History/HistoryTable.tsx
index ad036f4..9e6d62b 100644
--- a/frontend/src/views/History/HistoryTable.tsx
+++ b/frontend/src/views/History/HistoryTable.tsx
@@ -3,7 +3,6 @@ import { IconCircleCheck } from "@tabler/icons-react";
 import { app } from "@gocode/models";
 import { createColumnHelper, ColumnDef } from "@tanstack/react-table";
 import { CustomMeta } from "../CustomMeta";
-import lClasses from "../Columns.module.css";
 
 type CustomColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {
   meta?: CustomMeta;
@@ -16,17 +15,17 @@ export const txColumns: CustomColumnDef<app.TransactionEx, any>[] = [
     id: "blockTx",
     header: () => "Id",
     cell: (info) => info.getValue(),
-    meta: { className: lClasses.small },
+    meta: { className: "small" },
   }),
   txColumnHelper.accessor("date", {
     header: () => "Date",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.medium },
+    meta: { className: "medium" },
   }),
   txColumnHelper.accessor("fromName", {
     header: () => "From",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.wide },
+    meta: { className: "wide" },
   }),
   txColumnHelper.accessor("toName", {
     header: () => "To",
@@ -36,21 +35,21 @@ export const txColumns: CustomColumnDef<app.TransactionEx, any>[] = [
   txColumnHelper.accessor("logCount", {
     header: () => "nEvents",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.medium },
+    meta: { className: "medium" },
   }),
   txColumnHelper.accessor("ether", {
     header: () => "Ether",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.medium },
+    meta: { className: "medium" },
   }),
   txColumnHelper.accessor("hasToken", {
     header: () => "hasToken",
     cell: (info) => (info.getValue() ? <IconCircleCheck size={20} color="white" fill="green" /> : ""),
-    meta: { className: lClasses.centered },
+    meta: { className: "small-centered" },
   }),
   txColumnHelper.accessor("isError", {
     header: () => "isError",
     cell: (info) => (info.getValue() ? <IconCircleCheck size={20} color="green" fill="red" /> : ""),
-    meta: { className: lClasses.centered },
+    meta: { className: "small-centered" },
   }),
 ];
diff --git a/frontend/src/views/Names/NameTable.tsx b/frontend/src/views/Names/NameTable.tsx
index 2d43c09..c39e24b 100644
--- a/frontend/src/views/Names/NameTable.tsx
+++ b/frontend/src/views/Names/NameTable.tsx
@@ -3,7 +3,6 @@ import { IconCircleCheck } from "@tabler/icons-react";
 import { types } from "@gocode/models";
 import { createColumnHelper, ColumnDef } from "@tanstack/react-table";
 import { CustomMeta } from "../CustomMeta";
-import lClasses from "../Columns.module.css";
 
 type CustomColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {
   meta?: CustomMeta;
@@ -15,41 +14,41 @@ export const nameColumns: CustomColumnDef<types.Name, any>[] = [
   nameColumnHelper.accessor("address", {
     header: () => "Address",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.wide },
+    meta: { className: "wide" },
   }),
   nameColumnHelper.accessor("tags", {
     header: () => "Tags",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.wide },
+    meta: { className: "wide" },
   }),
   nameColumnHelper.accessor("name", {
     header: () => "Name",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.wide },
+    meta: { className: "wide" },
   }),
   nameColumnHelper.accessor("symbol", {
     header: () => "Symbol",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.small },
+    meta: { className: "small" },
   }),
   nameColumnHelper.accessor("decimals", {
     header: () => "Decimals",
     cell: (info) => info.renderValue(),
-    meta: { className: lClasses.small },
+    meta: { className: "small" },
   }),
   nameColumnHelper.accessor("isContract", {
     header: () => "isContract",
     cell: (info) => (info.getValue() ? <IconCircleCheck size={20} color="white" fill="green" /> : ""),
-    meta: { className: lClasses.centered },
+    meta: { className: "small-centered" },
   }),
   nameColumnHelper.accessor("isErc20", {
     header: () => "isErc20",
     cell: (info) => (info.getValue() ? <IconCircleCheck size={20} color="white" fill="green" /> : ""),
-    meta: { className: lClasses.centered },
+    meta: { className: "small-centered" },
   }),
   nameColumnHelper.accessor("isErc721", {
     header: () => "isErc721",
     cell: (info) => (info.getValue() ? <IconCircleCheck size={20} color="white" fill="green" /> : ""),
-    meta: { className: lClasses.centered },
+    meta: { className: "small-centered" },
   }),
 ];