diff --git a/src/components/columnFooter.tsx b/src/components/columnFooter.tsx
index 2941e4d..c85a159 100644
--- a/src/components/columnFooter.tsx
+++ b/src/components/columnFooter.tsx
@@ -30,10 +30,10 @@ export function ColumnFooter() {
       className={cx(classes, columnClasses)}
       css={[
         defaultClasses.footerCell,
-        styles,
-        columnCss,
         stickyFooter && defaultClasses.stickyBottom,
         stickyFooter instanceof Object && stickyFooter,
+        styles,
+        columnCss,
       ]}
       style={columnStyleOverride}
     >
diff --git a/src/components/table.tsx b/src/components/table.tsx
index 95dbb95..45eb5f0 100644
--- a/src/components/table.tsx
+++ b/src/components/table.tsx
@@ -119,9 +119,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
             className={classes?.headerCell}
             css={[
               defaultClasses.headerFill,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           />
 
@@ -129,9 +129,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
             className={classes?.headerCell}
             css={[
               defaultClasses.headerCell,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           >
             {enableSelection && <SelectComponent />}
@@ -156,9 +156,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
             className={classes?.headerCell}
             css={[
               defaultClasses.headerFill,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           />
         </>
@@ -172,18 +172,18 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
               <div
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
 
@@ -197,9 +197,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
             </>