diff --git a/package-lock.json b/package-lock.json
index 46cfcfd..b5d2da7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.11",
+    "version": "0.7.12",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
diff --git a/package.json b/package.json
index e3e70d6..5b5cb77 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.11",
+    "version": "0.7.12",
     "description": "React-Redux data table",
     "main": "lib/index.js",
     "module": "es/index.js",
diff --git a/src/components/Renderer/Header/Selection.js b/src/components/Renderer/Header/Selection.js
index 44ed02f..36ec5f4 100644
--- a/src/components/Renderer/Header/Selection.js
+++ b/src/components/Renderer/Header/Selection.js
@@ -23,14 +23,16 @@ const Selection = ({ name, action }) => {
     const { getData, config: { primaryKey } } = useContext(ConfigContext);
     const selection = useSelector(getData(tableData => tableData.selection || {}));
     return (
-        <Field.Input
-            type="checkbox"
-            name={ name }
-            checked={ selection.all === true && _.isEmpty(selection.selected) }
-            onChange={(event) => handleSelection(action(SET_SELECTION), primaryKey, event)}
-            ref={(el) => el && (el.indeterminate = isIndeterminate(selection, primaryKey))}
-        />
-);
+        <div className="col-12">
+            <Field.Input
+                type="checkbox"
+                name={ name }
+                checked={ selection.all === true && _.isEmpty(selection.selected) }
+                onChange={(event) => handleSelection(action(SET_SELECTION), primaryKey, event)}
+                ref={(el) => el && (el.indeterminate = isIndeterminate(selection, primaryKey))}
+            />
+        </div>
+    );
 };
 
 export default Selection;