diff --git a/package-lock.json b/package-lock.json
index 7604cb5..5c64213 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.6",
+    "version": "0.7.7",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
diff --git a/package.json b/package.json
index 78da303..e093dd7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.6",
+    "version": "0.7.7",
     "description": "React-Redux data table",
     "main": "lib/index.js",
     "module": "es/index.js",
diff --git a/src/components/Body.js b/src/components/Body.js
index 08b1762..743632e 100644
--- a/src/components/Body.js
+++ b/src/components/Body.js
@@ -106,6 +106,7 @@ const Body = React.forwardRef(({ top: startTop = 0 }, ref) => {
 
     return (
         <Tbody
+            className="table-body"
             styles={ getStyles(styles, 'tbody') }
             ref={ ref }
             isPrinting={ isPrinting }
diff --git a/src/components/Filters.js b/src/components/Filters.js
index 8460044..966d079 100644
--- a/src/components/Filters.js
+++ b/src/components/Filters.js
@@ -23,7 +23,7 @@ const Filters = React.forwardRef(({ children }, ref) => {
     const width = useSelector(getData(tableData => tableData.table ? tableData.table.width : 0));
 
     return (
-        <Thead styles={ getStyles(styles, 'filters') } ref={ ref }>
+        <Thead className="table-filters" styles={ getStyles(styles, 'filters') } ref={ ref }>
             <div style={{ width }}>
                 <Tr className="rdt-table-row" columns={ columns } styles={ getStyles(styles.tr, 'filters') }>
                     {(config, index) => {
diff --git a/src/components/Header.js b/src/components/Header.js
index 23d6345..8ed97dc 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -42,7 +42,7 @@ const Header = React.forwardRef(({ children }, ref) => {
     const width = useSelector(getData(tableData => tableData.table ? tableData.table.width : 0));
 
     return (
-        <Thead styles={ getStyles(styles, 'thead') } ref={ ref }>
+        <Thead className="table-header" styles={ getStyles(styles, 'thead') } ref={ ref }>
             <div style={{ width }}>
                 <Tr className="rdt-table-row" columns={ columns } styles={ getStyles(styles.tr, 'header') }>
                     {(config, index) => {
diff --git a/src/components/Table.js b/src/components/Table.js
index acf92aa..85cb6a0 100644
--- a/src/components/Table.js
+++ b/src/components/Table.js
@@ -6,7 +6,7 @@ const Table = ({ children }) => {
     const { config } = useContext(ConfigContext);
     const { styles = {} } = config.components.Table;
     return (
-        <StyledTable styles={ styles.table }>
+        <StyledTable className="rdt-table" styles={ styles.table }>
             { children }
         </StyledTable>
     );