diff --git a/components/lib/datatable/DataTable.vue b/components/lib/datatable/DataTable.vue
index a88dffa08..6c3c1a37c 100755
--- a/components/lib/datatable/DataTable.vue
+++ b/components/lib/datatable/DataTable.vue
@@ -226,9 +226,6 @@
                 </template>
             </DTVirtualScroller>
         </div>
-        <div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')">
-            <slot name="footer"></slot>
-        </div>
         <DTPaginator
             v-if="paginatorBottom"
             :rows="d_rows"
@@ -269,6 +266,9 @@
                 <slot name="paginatorrowsperpagedropdownicon" :class="slotProps.class"></slot>
             </template>
         </DTPaginator>
+        <div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')">
+            <slot name="footer"></slot>
+        </div>
         <div ref="resizeHelper" :class="cx('columnResizeIndicator')" style="display: none" v-bind="ptm('columnResizeIndicator')"></div>
         <span v-if="reorderableColumns" ref="reorderIndicatorUp" :class="cx('rowReorderIndicatorUp')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorUp')">
             <component :is="$slots.rowreorderindicatorupicon || $slots.reorderindicatorupicon || 'ArrowDownIcon'" />
diff --git a/components/lib/datatable/style/DataTableStyle.js b/components/lib/datatable/style/DataTableStyle.js
index 15cb226ab..abfb3e295 100644
--- a/components/lib/datatable/style/DataTableStyle.js
+++ b/components/lib/datatable/style/DataTableStyle.js
@@ -419,7 +419,7 @@ const theme = ({ dt }) => `
 }
 
 .p-datatable-gridlines .p-datatable-header {
-    border-width: 1px;
+    border-width: 1px 1px 0 1px;
 }
 
 .p-datatable-gridlines .p-datatable-footer {
@@ -427,7 +427,7 @@ const theme = ({ dt }) => `
 }
 
 .p-datatable-gridlines .p-datatable-paginator-top {
-    border-width: 0 1px 0 1px;
+    border-width: 1px 1px 0 1px;
 }
 
 .p-datatable-gridlines .p-datatable-paginator-bottom {
@@ -458,7 +458,7 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
     border-width: 1px;
 }
 
-.p-datatable-gridlines .p-datatable-tfoot>tr>td {
+.p-datatable-gridlines .p-datatable-tfoot > tr > td {
     border-width: 1px 0 1px 1px;
 }
 
@@ -466,7 +466,7 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
     border-width: 1px 1px 1px 1px;
 }
 
-.p-datatable.p-datatable-gridlines .p-datatable-thead +.p-datatable-tfoot > tr > td {
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
     border-width: 0 0 1px 1px;
 }
 
diff --git a/components/lib/treetable/style/TreeTableStyle.js b/components/lib/treetable/style/TreeTableStyle.js
index f0159accb..681f2f460 100644
--- a/components/lib/treetable/style/TreeTableStyle.js
+++ b/components/lib/treetable/style/TreeTableStyle.js
@@ -269,7 +269,7 @@ const theme = ({ dt }) => `
 }
 
 .p-treetable-gridlines .p-treetable-header {
-    border-width: 1px;
+    border-width: 1px 1px 0 1px;
 }
 
 .p-treetable-gridlines .p-treetable-footer {
@@ -277,7 +277,7 @@ const theme = ({ dt }) => `
 }
 
 .p-treetable-gridlines .p-treetable-paginator-top {
-    border-width: 0 1px 0 1px;
+    border-width: 1px 1px 0 1px;
 }
 
 .p-treetable-gridlines .p-treetable-paginator-bottom {
@@ -308,7 +308,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
     border-width: 1px;
 }
 
-.p-treetable-gridlines .p-treetable-tfoot>tr>td {
+.p-treetable-gridlines .p-treetable-tfoot >tr > td {
     border-width: 1px 0 1px 1px;
 }
 
@@ -316,7 +316,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
     border-width: 1px 1px 1px 1px;
 }
 
-.p-treetable.p-treetable-gridlines .p-treetable-thead +.p-treetable-tfoot > tr > td {
+.p-treetable.p-treetable-gridlines .p-treetable-thead + .p-treetable-tfoot > tr > td {
     border-width: 0 0 1px 1px;
 }