diff --git a/package-lock.json b/package-lock.json
index a4115bfa..215ea881 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@civicactions/cmsds-open-data-components",
-      "version": "3.1.0",
+      "version": "3.1.1",
       "license": "GPL-3.0",
       "dependencies": {
         "@popperjs/core": "^2.11.6",
diff --git a/package.json b/package.json
index c805bcdd..29ba8676 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",
diff --git a/src/components/DatatableHeader/index.tsx b/src/components/DatatableHeader/index.tsx
index 3c4647e8..74a436d8 100644
--- a/src/components/DatatableHeader/index.tsx
+++ b/src/components/DatatableHeader/index.tsx
@@ -10,14 +10,14 @@ const DataTableHeader = ({ resource, downloadURL, jsonUrl } : {resource: Resourc
   return (
     <div className="ds-l-row ds-u-align-items--center ds-u-margin-bottom--2">
       <div className="ds-l-col--12 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center">
-        <div>
+        <div className="ds-l-col--12 ds-l-lg-col--6">
           <DataTablePageResults
             totalRows={intCount}
             limit={limit}
             offset={offset}
           />
         </div>
-        <div className="dc-c-resource-header--buttons ds-l-col--12 ds-l-lg-col--8 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-margin-bottom--2 ds-u-md-margin-bottom--0 ds-u-padding-x--0">
+        <div className="dc-c-resource-header--buttons ds-l-col--12 ds-l-lg-col--6 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-margin-bottom--2 ds-u-md-margin-bottom--0 ds-u-padding-x--0">
           <div className="ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-right--2 ds-u-margin-bottom--2 ds-u-sm-margin-bottom--0">
             <Tooltip
               onOpen={() => {
diff --git a/src/templates/DatasetSearch/DatasetSearch.tsx b/src/templates/DatasetSearch/DatasetSearch.tsx
index 45f557f8..e007349e 100644
--- a/src/templates/DatasetSearch/DatasetSearch.tsx
+++ b/src/templates/DatasetSearch/DatasetSearch.tsx
@@ -295,7 +295,7 @@ const DatasetSearch = (props: DatasetSearchPageProps) => {
                   </div>
                 )}
               </div>
-            <ol className="dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-display--block" data-testid="results-list">
+            <ol className="dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-margin-bottom--4 ds-u-display--block" data-testid="results-list">
               {noResults && <Alert variation="error" heading="No results found." />}
               {data && data.data.results ? Object.keys(data.data.results).map((key) => {
                   return data.data.results[key];