diff --git a/modules/blox-tailwind/layouts/shortcodes/table.html b/modules/blox-tailwind/layouts/shortcodes/table.html
index 37a5e651..42e75a62 100644
--- a/modules/blox-tailwind/layouts/shortcodes/table.html
+++ b/modules/blox-tailwind/layouts/shortcodes/table.html
@@ -25,12 +25,12 @@
 {{ $is_remote := strings.HasPrefix $src "http" }}
 {{ $rows := transform.Unmarshal (dict "delimiter" $delimiter) (.Page.Resources.Get $src).Content }}
 
-<table class="table-auto">
+<table class="table-auto w-full">
   {{ if $useHeaderRow }}
     {{ $headerRow := index $rows 0 }}
     {{ $rows = after 1 $rows }}
     <thead>
-      <tr> {{ range $headerRow }} <th>{{ . | markdownify | emojify }}</th> {{ end }} </tr>
+      <tr> {{ range $headerRow }} <th class="border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">{{ . | markdownify | emojify }}</th> {{ end }} </tr>
     </thead>
   {{ end }}
   <tbody>
@@ -38,9 +38,9 @@
     <tr>
       {{ range . }}
         {{ if (findRE "^\\d+$" .) }}
-          <td data-table-dtype="number">{{ . }}</td>
+          <td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">{{ . }}</td>
         {{ else }}
-          <td data-table-dtype="text">{{ . | markdownify | emojify }}</td>
+          <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">{{ . | markdownify | emojify }}</td>
         {{ end }}
       {{ end }}
     </tr>