diff --git a/package.json b/package.json
index 2b5eec55..c31f3087 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/data-catalog-components",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-alpha.10",
   "description": "React Components for Open Data Catalogs.",
   "private": false,
   "main": "dist/index.cjs.js",
diff --git a/src/components/DataTable/index.jsx b/src/components/DataTable/index.jsx
index 3172dc30..cfd2280a 100644
--- a/src/components/DataTable/index.jsx
+++ b/src/components/DataTable/index.jsx
@@ -157,42 +157,37 @@ const DataTable = ({
           >
             {headerGroup.headers.map(column => (
               <div
-                {...column.getHeaderProps()}
-              > 
-                <div
-                  className={headerCellClassName}
-                  {...column.getHeaderProps(columnSort ? column.getSortByToggleProps() : undefined)}
-                >
-                  <span className={headerCellTextClassName}>
-                    {column.render('Header')}
-                  </span>
-                  {columnSort
-                      && (
-                        <span
-                          className={
-                            column.isSorted
-                            ? column.isSortedDesc
-                              ? columnIsSortedDecClassName
-                              : columnIsSortedAscClassName
-                            : columnIsSortedClassName
-                          }
-                        />
-                      )
-                    }
-                </div>
-                {columnResize
-                  &&(
-                    <div
-                      {...column.getResizerProps()}
-                      className={`${tableColumnResizer} ${
-                        column.isResizing ? tableColumnIsResizing : ''
-                      }`}
+                className={headerCellClassName}
+                {...column.getHeaderProps(columnSort ? column.getSortByToggleProps() : undefined)}
+              >
+                <span className={headerCellTextClassName}>
+                  {column.render('Header')}
+                </span>
+                {columnSort
+                  && (
+                    <span
+                      className={
+                        column.isSorted
+                        ? column.isSortedDesc
+                          ? columnIsSortedDecClassName
+                          : columnIsSortedAscClassName
+                        : columnIsSortedClassName
+                      }
                     />
                   )
                 }
+                {columnResize
+                &&(
+                  <div
+                    {...column.getResizerProps()}
+                    className={`${tableColumnResizer} ${
+                      column.isResizing ? tableColumnIsResizing : ''
+                    }`}
+                  />
+                )
+              }
               </div>
-            ))}
-            
+            ))} 
           </div>
         ))}
         {columnFilter