diff --git a/CHANGELOG.md b/CHANGELOG.md
index 035bca4fb..cb31a1b4f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v2.0.54
+
+- Fixes the `DataTable` error rendering
+
 ## v2.0.53
 
 - Fixes the `IconButton` test ID
diff --git a/package-lock.json b/package-lock.json
index 21fda7953..d04be711c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.53",
+  "version": "2.0.54",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lob/ui-components",
-      "version": "2.0.53",
+      "version": "2.0.54",
       "dependencies": {
         "date-fns": "^2.29.3",
         "date-fns-holiday-us": "^0.3.1",
diff --git a/package.json b/package.json
index 3a819226b..93b0f56f8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.53",
+  "version": "2.0.54",
   "engines": {
     "node": ">=20.2.0",
     "npm": ">=10.2.0"
diff --git a/src/components/DataTable/DataTable.vue b/src/components/DataTable/DataTable.vue
index ec2a8d58d..29b00f1d3 100644
--- a/src/components/DataTable/DataTable.vue
+++ b/src/components/DataTable/DataTable.vue
@@ -34,10 +34,11 @@
         : undefined
     "
   >
-    <!-- For some reason, if this is not explicit it fails. -->
-    <template v-if="loading !== true" #empty>
-      <Alert v-if="error" variant="error">{{ error }}</Alert>
-      <Alert v-else variant="info">No results</Alert>
+    <template #empty>
+      <template v-if="!loading">
+        <Alert v-if="error" variant="error">{{ error }}</Alert>
+        <Alert v-else variant="info">No results</Alert>
+      </template>
     </template>
 
     <template #loading>