From 410d2c8656346e8f449d3f360fedd45f3e9f0ea2 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Fri, 16 Oct 2020 11:28:12 -0700
Subject: [PATCH] fix(data-table): fix misaligned tall row table headers

"bx--table-header-label" should be a div, not a span element
---
 src/DataTable/TableHeader.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/DataTable/TableHeader.svelte b/src/DataTable/TableHeader.svelte
index b5dbe6dd..363e373e 100644
--- a/src/DataTable/TableHeader.svelte
+++ b/src/DataTable/TableHeader.svelte
@@ -46,9 +46,9 @@
       class:bx--table-sort--ascending="{active && $sortHeader.sortDirection === 'descending'}"
       on:click
     >
-      <span class:bx--table-header-label="{true}">
+      <div class:bx--table-header-label="{true}">
         <slot />
-      </span>
+      </div>
       <ArrowUp20 aria-label="{ariaLabel}" class="bx--table-sort__icon" />
       <ArrowsVertical20
         aria-label="{ariaLabel}"
@@ -66,8 +66,8 @@
     on:mouseenter
     on:mouseleave
   >
-    <span class:bx--table-header-label="{true}">
+    <div class:bx--table-header-label="{true}">
       <slot />
-    </span>
+    </div>
   </th>
 {/if}