diff --git a/src/components/table/TimeSeriesTable.vue b/src/components/table/TimeSeriesTable.vue
index 3eaa024f..2c7a701d 100644
--- a/src/components/table/TimeSeriesTable.vue
+++ b/src/components/table/TimeSeriesTable.vue
@@ -20,7 +20,6 @@
         <tr>
           <template v-for="(column, index) in columns" :key="column.key">
             <th
-              :style="{ minWidth: column.minWidth }"
               :class="[
                 (column as unknown as TableHeaders).class,
                 {
@@ -483,6 +482,11 @@ function onUpdateItem(event: TableData) {
   width: 100%;
 }
 
+.date-header {
+  min-width: 24ch;
+  width: 24ch;
+}
+
 th.sticky-column {
   position: sticky;
   border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
diff --git a/src/lib/table/createTableHeaders.ts b/src/lib/table/createTableHeaders.ts
index 7fed3482..029b80a2 100644
--- a/src/lib/table/createTableHeaders.ts
+++ b/src/lib/table/createTableHeaders.ts
@@ -10,8 +10,7 @@ export function createTableHeaders(
   tableHeaders.push({
     key: 'date',
     title: 'Date',
-    minWidth: '24ch',
-    class: 'table-header sticky-column',
+    class: 'table-header sticky-column date-header',
     editable: false,
   })
   seriesIds.forEach((seriesId) => {