From 3a1a9bde4d26ceacbc84f371ac9c6931f6c824d3 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 25 May 2026 10:40:22 -0700
Subject: [PATCH] add centering box

---
 client/src/Pages/Tags/components/TagsTable.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/Pages/Tags/components/TagsTable.tsx b/client/src/Pages/Tags/components/TagsTable.tsx
index 00d7802ec..ef7ebefaf 100644
--- a/client/src/Pages/Tags/components/TagsTable.tsx
+++ b/client/src/Pages/Tags/components/TagsTable.tsx
@@ -1,5 +1,6 @@
 import { ActionsMenu, type ActionMenuItem } from "@/Components/actions-menu";
 import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
 import type { Header } from "@/Components/design-elements/Table";
 import { Table, ColoredLabel } from "@/Components/design-elements";
 import { Pagination } from "@/Components/design-elements/Table";
@@ -69,10 +70,15 @@ export const TagsTable = ({ tags, setSelectedTag }: TagsTableProps) => {
 				content: t("pages.tags.table.headers.appearance"),
 				render: (row) => {
 					return (
-						<ColoredLabel
-							text={row.name}
-							color={row.color}
-						/>
+						<Box
+							display="flex"
+							justifyContent="center"
+						>
+							<ColoredLabel
+								text={row.name}
+								color={row.color}
+							/>
+						</Box>
 					);
 				},
 			},