diff --git a/projects/components/src/table/table.component.scss b/projects/components/src/table/table.component.scss
index 4512e6135..90de96246 100644
--- a/projects/components/src/table/table.component.scss
+++ b/projects/components/src/table/table.component.scss
@@ -84,6 +84,7 @@ $header-height: 32px;
 
     &.resizable {
       cursor: col-resize;
+
       &:hover {
         padding: 0 2px;
 
@@ -120,6 +121,12 @@ $header-height: 32px;
   }
 }
 
+.last-row {
+  .data-cell {
+    border-color: transparent;
+  }
+}
+
 .state-watcher {
   top: $header-height;
   height: calc(100% - #{$header-height});
diff --git a/projects/components/src/table/table.component.ts b/projects/components/src/table/table.component.ts
index cce3d3172..aeb9286f9 100644
--- a/projects/components/src/table/table.component.ts
+++ b/projects/components/src/table/table.component.ts
@@ -144,12 +144,13 @@ import { TableColumnConfigExtended, TableService } from './table.service';
 
         <!-- Data Rows -->
         <cdk-row
-          *cdkRowDef="let row; columns: this.visibleColumnIds$ | async"
+          *cdkRowDef="let row; columns: this.visibleColumnIds$ | async; last as isLast"
           (mouseenter)="this.onDataRowMouseEnter(row)"
           (mouseleave)="this.onDataRowMouseLeave()"
           [ngClass]="{
             'selected-row': this.shouldHighlightRowAsSelection(row),
             'hovered-row': this.isHoveredRow(row),
+            'last-row': isLast,
             selectable: this.supportsRowSelection()
           }"
           class="data-row"