diff --git a/CHANGELOG.md b/CHANGELOG.md
index ec6f176..f096d1d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 # Changelog
 
+## 0.5.7
+-   Fix boolean value rendering
+
 ## 0.5.6
 -   Upgrade to React 19
 -   Upgrade to AG Grid 33
diff --git a/package.json b/package.json
index e31f3ad..c8ccb30 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "dnd-spell-organizer",
 	"license": "MIT",
-	"version": "0.5.6",
+	"version": "0.5.7",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 55f907a..e79d796 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -61,7 +61,7 @@ const Footer = () => {
 
 	return (
 		<div className="footer">
-			<span className="version">Version: 0.5.6</span>
+			<span className="version">Version: 0.5.7</span>
 			<div className="links">
 				<Button variant="link" onClick={openHelpModal}>
 					Help
diff --git a/src/main.tsx b/src/main.tsx
index 1656fa4..0490092 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -29,7 +29,7 @@ const rollbarConfig = {
 	enabled: import.meta.env.MODE === "production",
 	captureUncaught: true,
 	captureUnhandledRejections: true,
-	code_version: "0.5.6",
+	code_version: "0.5.7",
 	source_map_enabled: true,
 };
 
diff --git a/src/utility/cell-renderers.tsx b/src/utility/cell-renderers.tsx
new file mode 100644
index 0000000..b63e0a2
--- /dev/null
+++ b/src/utility/cell-renderers.tsx
@@ -0,0 +1,15 @@
+/**
+ * @author Michael Gamlem III
+ * @copyright This file is subject to the terms and conditions defined in file 'LICENSE', which is part of the source code for this project.
+ * @format
+ */
+
+import type { CustomCellRendererProps } from "ag-grid-react";
+
+export const booleanCellRenderer = (
+	props: CustomCellRendererProps<boolean>,
+): React.ReactElement => (
+	<div className="d-flex justify-content-center align-items-center h-100 p-0">
+		{props?.value ? "✅" : "❌"}
+	</div>
+);
diff --git a/src/utility/table-defaults.ts b/src/utility/table-defaults.ts
index 2a64511..9549ec7 100644
--- a/src/utility/table-defaults.ts
+++ b/src/utility/table-defaults.ts
@@ -26,7 +26,7 @@ import SourceFilter from "../components/filters/source-filter/source-filter";
 import { Column, mapColumnToDisplayName } from "../enums/columns";
 import type Spell from "../types/spell";
 import type { TableRow } from "../types/table-row";
-
+import { booleanCellRenderer } from "./cell-renderers";
 import { areaValueComparator } from "./comparators";
 import {
 	rangeTooltipValueGetter,
@@ -35,7 +35,6 @@ import {
 import {
 	areaValueFormatter,
 	attackValueFormatter,
-	booleanValueFormatter,
 	castingTimeValueFormatter,
 	damageTypeValueFormatter,
 	durationValueFormatter,
@@ -186,7 +185,7 @@ export const getDefaultColumnDefinitions = (
 		filterParams: {
 			spellPropertyName: "ritual",
 		},
-		valueFormatter: booleanValueFormatter,
+		cellRenderer: booleanCellRenderer,
 		initialWidth: 100,
 		hide: defaultColumnIsHidden(Column.Ritual),
 	},
@@ -197,7 +196,7 @@ export const getDefaultColumnDefinitions = (
 		filterParams: {
 			spellPropertyName: "concentration",
 		},
-		valueFormatter: booleanValueFormatter,
+		cellRenderer: booleanCellRenderer,
 		initialWidth: 150,
 		hide: defaultColumnIsHidden(Column.Concentration),
 	},
@@ -208,7 +207,7 @@ export const getDefaultColumnDefinitions = (
 		filterParams: {
 			spellPropertyName: "verbal",
 		},
-		valueFormatter: booleanValueFormatter,
+		cellRenderer: booleanCellRenderer,
 		initialWidth: 100,
 		hide: defaultColumnIsHidden(Column.Verbal),
 	},
@@ -219,7 +218,7 @@ export const getDefaultColumnDefinitions = (
 			spellPropertyName: "somatic",
 		},
 		filter: BooleanFilter,
-		valueFormatter: booleanValueFormatter,
+		cellRenderer: booleanCellRenderer,
 		initialWidth: 110,
 		hide: defaultColumnIsHidden(Column.Somatic),
 	},
diff --git a/src/utility/value-formatters.ts b/src/utility/value-formatters.ts
index 64d31d3..95350de 100644
--- a/src/utility/value-formatters.ts
+++ b/src/utility/value-formatters.ts
@@ -46,10 +46,6 @@ export const attackValueFormatter = (
 	return params.value === 0 ? "" : mapNumberToAttackDisplayName(params.value);
 };
 
-export const booleanValueFormatter = (
-	params: ValueFormatterParams<boolean>,
-): string => (params.value === true ? "✅" : "❌");
-
 export const castingTimeValueFormatter = (
 	params: ValueFormatterParams<Spell, number>,
 ): string => {