diff --git a/frontend/src/app/components/containers/complaints/complaint-list.tsx b/frontend/src/app/components/containers/complaints/complaint-list.tsx
index 4a210ce21..2c002c23a 100644
--- a/frontend/src/app/components/containers/complaints/complaint-list.tsx
+++ b/frontend/src/app/components/containers/complaints/complaint-list.tsx
@@ -205,7 +205,10 @@ export const ComplaintList: FC<Props> = ({ type, searchQuery }) => {
         className="comp-table-scroll-container"
         ref={divRef}
       >
-        <Table id="complaint-list">
+        <Table
+          className="comp-table"
+          id="complaint-list"
+        >
           {renderComplaintListHeader(type)}
           <tbody>
             {complaints.map((item) => {
diff --git a/frontend/src/app/components/containers/complaints/headers/allegation-complaint-list-header.tsx b/frontend/src/app/components/containers/complaints/headers/allegation-complaint-list-header.tsx
index 9c80a0ed2..cfc899353 100644
--- a/frontend/src/app/components/containers/complaints/headers/allegation-complaint-list-header.tsx
+++ b/frontend/src/app/components/containers/complaints/headers/allegation-complaint-list-header.tsx
@@ -19,7 +19,7 @@ export const AllegationComplaintListHeader: FC<Props> = ({ handleSort, sortKey,
           sortKey="complaint_identifier"
           currentSort={sortKey}
           sortDirection={sortDirection}
-          className="comp-cell-width-110 sticky-col sticky-col--left"
+          className="comp-cell-width-110 comp-cell-min-width-110 sticky-col sticky-col--left"
         />
 
         <SortableHeader
@@ -29,6 +29,7 @@ export const AllegationComplaintListHeader: FC<Props> = ({ handleSort, sortKey,
           sortKey="incident_reported_utc_timestmp"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
 
         <SortableHeader
@@ -84,9 +85,10 @@ export const AllegationComplaintListHeader: FC<Props> = ({ handleSort, sortKey,
           currentSort={sortKey}
           sortDirection={sortDirection}
           id="update-date-column"
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
 
-        <th className="comp-cell-width-100 unsortable sticky-col sticky-col--right actions-col">
+        <th className="unsortable sticky-col sticky-col--right comp-cell-width-90 comp-cell-min-width-90 actions-col ac-table-actions-cell">
           <div className="header-label">Actions</div>
         </th>
       </tr>
diff --git a/frontend/src/app/components/containers/complaints/headers/general-complaint-list-header.tsx b/frontend/src/app/components/containers/complaints/headers/general-complaint-list-header.tsx
index b7b9ffdaf..d48b49393 100644
--- a/frontend/src/app/components/containers/complaints/headers/general-complaint-list-header.tsx
+++ b/frontend/src/app/components/containers/complaints/headers/general-complaint-list-header.tsx
@@ -17,7 +17,7 @@ export const GeneralComplaintListHeader: FC<Props> = ({ handleSort, sortKey, sor
           sortKey="complaint_identifier"
           currentSort={sortKey}
           sortDirection={sortDirection}
-          className="comp-cell-width-110 sticky-col sticky-col--left"
+          className="comp-cell-width-110 comp-cell-min-width-110 sticky-col sticky-col--left"
         />
         <SortableHeader
           id="incident-date-column"
@@ -26,6 +26,7 @@ export const GeneralComplaintListHeader: FC<Props> = ({ handleSort, sortKey, sor
           sortKey="incident_reported_utc_timestmp"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
         <SortableHeader
           title="GIR Type"
@@ -70,9 +71,10 @@ export const GeneralComplaintListHeader: FC<Props> = ({ handleSort, sortKey, sor
           sortKey="update_utc_timestamp"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
 
-        <th className="comp-cell-width-100 unsortable sticky-col sticky-col--right actions-col">
+        <th className="unsortable sticky-col sticky-col--right comp-cell-width-90 comp-cell-min-width-90 actions-col gc-table-actions-cell">
           <div className="header-label">Actions</div>
         </th>
       </tr>
diff --git a/frontend/src/app/components/containers/complaints/headers/wildlife-complaint-list-header.tsx b/frontend/src/app/components/containers/complaints/headers/wildlife-complaint-list-header.tsx
index 88a6daae7..ea06a55a4 100644
--- a/frontend/src/app/components/containers/complaints/headers/wildlife-complaint-list-header.tsx
+++ b/frontend/src/app/components/containers/complaints/headers/wildlife-complaint-list-header.tsx
@@ -17,7 +17,7 @@ export const WildlifeComplaintListHeader: FC<Props> = ({ handleSort, sortKey, so
           sortKey="complaint_identifier"
           currentSort={sortKey}
           sortDirection={sortDirection}
-          className="comp-cell-width-110 sticky-col sticky-col--left"
+          className="comp-cell-width-110 comp-cell-min-width-110 sticky-col sticky-col--left"
         />
         <SortableHeader
           id="incident-date-column"
@@ -26,6 +26,7 @@ export const WildlifeComplaintListHeader: FC<Props> = ({ handleSort, sortKey, so
           sortKey="incident_reported_utc_timestmp"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
         <SortableHeader
           title="Nature of Complaint"
@@ -51,8 +52,8 @@ export const WildlifeComplaintListHeader: FC<Props> = ({ handleSort, sortKey, so
           sortDirection={sortDirection}
         />
 
-        <th className="unsortable">
-          <div className="comp-header-label">Location/Address</div>
+        <th className="unsortable-header">
+          <div className="header-label">Location/Address</div>
         </th>
 
         <SortableHeader
@@ -61,6 +62,7 @@ export const WildlifeComplaintListHeader: FC<Props> = ({ handleSort, sortKey, so
           sortKey="complaint_status_code"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-110"
         />
 
         <SortableHeader
@@ -78,9 +80,10 @@ export const WildlifeComplaintListHeader: FC<Props> = ({ handleSort, sortKey, so
           sortKey="update_utc_timestamp"
           currentSort={sortKey}
           sortDirection={sortDirection}
+          className="comp-cell-width-160 comp-cell-min-width-160"
         />
 
-        <th className="comp-cell-width-100 unsortable sticky-col sticky-col--right actions-col">
+        <th className="unsortable sticky-col sticky-col--right comp-cell-width-90 comp-cell-min-width-90 actions-col hwc-table-actions-cell">
           <div className="header-label">Actions</div>
         </th>
       </tr>
diff --git a/frontend/src/app/components/containers/complaints/list-items/allegation-complaint-list-item.tsx b/frontend/src/app/components/containers/complaints/list-items/allegation-complaint-list-item.tsx
index 47a6a9fab..bc2e91578 100644
--- a/frontend/src/app/components/containers/complaints/list-items/allegation-complaint-list-item.tsx
+++ b/frontend/src/app/components/containers/complaints/list-items/allegation-complaint-list-item.tsx
@@ -114,7 +114,7 @@ export const AllegationComplaintListItem: FC<Props> = ({ type, complaint }) => {
         className={`${isExpandedClass} ${isRowHovered ? "comp-table-row-hover-style" : ""}`}
       >
         <td
-          className={`comp-cell-width-100 sticky-col sticky-col--left incident-col ${isExpandedClass}`}
+          className={`comp-cell-width-110 sticky-col sticky-col--left text-center ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           <Link
@@ -125,7 +125,7 @@ export const AllegationComplaintListItem: FC<Props> = ({ type, complaint }) => {
           </Link>
         </td>
         <td
-          className={`${isExpandedClass}`}
+          className={`comp-cell-width-160 comp-cell-min-width-160 ac-table-date-cell ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           {reportedOnDateTime}
@@ -179,14 +179,14 @@ export const AllegationComplaintListItem: FC<Props> = ({ type, complaint }) => {
           className={`${isExpandedClass}`}
           onClick={toggleExpand}
         >
-          <div
-            data-initials-listview={getOfficerAssignedInitials()}
-            className="comp-profile-avatar"
-          ></div>
           {getOfficerAssigned()}
         </td>
-        <td className={`${isExpandedClass}`}>{updatedOnDateTime}</td>
-        <td className={`comp-cell-width-110 sticky-col sticky-col--right actions-col ${isExpandedClass}`}>
+        <td className={`comp-cell-width-160 comp-cell-min-width-160 ac-table-date-cell ${isExpandedClass}`}>
+          {updatedOnDateTime}
+        </td>
+        <td
+          className={`comp-cell-width-90 comp-cell-min-width-90 sticky-col sticky-col--right actions-col ac-table-actions-cell ${isExpandedClass}`}
+        >
           <ComplaintActionItems
             complaint_identifier={id}
             complaint_type={type}
@@ -225,7 +225,9 @@ export const AllegationComplaintListItem: FC<Props> = ({ type, complaint }) => {
               </div>
             </dl>
           </td>
-          <td className={`comp-cell-width-110 comp-cell-child-expanded sticky-col sticky-col--right actions-col`}></td>
+          <td
+            className={`comp-cell-width-90 comp-cell-min-width-90 sticky-col sticky-col--right actions-col ac-table-actions-cell`}
+          ></td>
         </tr>
       )}
     </>
diff --git a/frontend/src/app/components/containers/complaints/list-items/general-complaint-list-item.tsx b/frontend/src/app/components/containers/complaints/list-items/general-complaint-list-item.tsx
index 4984eb505..8fdcbc40f 100644
--- a/frontend/src/app/components/containers/complaints/list-items/general-complaint-list-item.tsx
+++ b/frontend/src/app/components/containers/complaints/list-items/general-complaint-list-item.tsx
@@ -115,7 +115,7 @@ export const GeneralInformationComplaintListItem: FC<Props> = ({ type, complaint
         className={`${isExpandedClass} ${isRowHovered ? "comp-table-row-hover-style" : ""}`}
       >
         <td
-          className={`comp-cell-width-100 sticky-col sticky-col--left incident-col ${isExpandedClass}`}
+          className={`comp-cell-width-100 sticky-col sticky-col--left text-center ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           <Link
@@ -126,7 +126,7 @@ export const GeneralInformationComplaintListItem: FC<Props> = ({ type, complaint
           </Link>
         </td>
         <td
-          className={`${isExpandedClass}`}
+          className={`comp-cell-width-160 comp-cell-min-width-160 gc-table-date-cell ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           {reportedOnDateTime}
@@ -165,8 +165,12 @@ export const GeneralInformationComplaintListItem: FC<Props> = ({ type, complaint
           ></div>
           {getOfficerAssigned()}
         </td>
-        <td className={`${isExpandedClass}`}>{updatedOnDateTime}</td>
-        <td className={`comp-cell-width-110 sticky-col sticky-col--right actions-col ${isExpandedClass}`}>
+        <td className={`comp-cell-width-160 comp-cell-min-width-160 gc-table-date-cell ${isExpandedClass}`}>
+          {updatedOnDateTime}
+        </td>
+        <td
+          className={`comp-cell-width-90 comp-cell-min-width-90 sticky-col sticky-col--right actions-col gc-table-actions-cell ${isExpandedClass}`}
+        >
           <ComplaintActionItems
             complaint_identifier={id}
             complaint_type={type}
@@ -205,7 +209,9 @@ export const GeneralInformationComplaintListItem: FC<Props> = ({ type, complaint
               </div>
             </dl>
           </td>
-          <td className={`comp-cell-width-110 comp-cell-child-expanded sticky-col sticky-col--right actions-col`}></td>
+          <td
+            className={`comp-cell-width-90 comp-cell-min-width-90 sticky-col sticky-col--right actions-col gc-table-actions-cell`}
+          ></td>
         </tr>
       )}
     </>
diff --git a/frontend/src/app/components/containers/complaints/list-items/wildlife-complaint-list-item.tsx b/frontend/src/app/components/containers/complaints/list-items/wildlife-complaint-list-item.tsx
index b15db4a36..8def80074 100644
--- a/frontend/src/app/components/containers/complaints/list-items/wildlife-complaint-list-item.tsx
+++ b/frontend/src/app/components/containers/complaints/list-items/wildlife-complaint-list-item.tsx
@@ -115,7 +115,7 @@ export const WildlifeComplaintListItem: FC<Props> = ({ type, complaint }) => {
         className={`${isExpandedClass} ${isRowHovered ? "comp-table-row-hover-style" : ""}`}
       >
         <td
-          className={`comp-cell-width-95 sticky-col sticky-col--left incident-col ${isExpandedClass}`}
+          className={`comp-cell-width-110 sticky-col sticky-col--left text-center ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           <Link
@@ -126,13 +126,13 @@ export const WildlifeComplaintListItem: FC<Props> = ({ type, complaint }) => {
           </Link>
         </td>
         <td
-          className={`comp-cell-width-95 ${isExpandedClass}`}
+          className={`comp-cell-width-160 comp-cell-min-width-160 hwc-table-date-cell ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           {reportedOnDateTime}
         </td>
         <td
-          className={`comp-cell-width-330 ${isExpandedClass}`}
+          className={`hwc-nature-of-complaint-cell ${isExpandedClass}`}
           onClick={toggleExpand}
         >
           {natureCode}
@@ -150,7 +150,7 @@ export const WildlifeComplaintListItem: FC<Props> = ({ type, complaint }) => {
           {location}
         </td>
         <td
-          className={`comp-cell-width-170 ${isExpandedClass}`}
+          className={`${isExpandedClass}`}
           onClick={toggleExpand}
         >
           {locationSummary}
@@ -162,17 +162,17 @@ export const WildlifeComplaintListItem: FC<Props> = ({ type, complaint }) => {
           <div className={statusButtonClass}>{getStatusDescription(status)}</div>
         </td>
         <td
-          className={`comp-cell-width-130 ${isExpandedClass}`}
+          className={`${isExpandedClass}`}
           onClick={toggleExpand}
         >
-          <div
-            data-initials-listview={getOfficerAssignedInitials()}
-            className="comp-profile-avatar"
-          ></div>
           {getOfficerAssigned()}
         </td>
-        <td className={`comp-cell-width-110 ${isExpandedClass}`}>{updatedOnDateTime}</td>
-        <td className={`comp-cell-width-110 sticky-col sticky-col--right actions-col ${isExpandedClass}`}>
+        <td className={`comp-cell-width-160 comp-cell-min-width-160 hwc-table-date-cell ${isExpandedClass}`}>
+          {updatedOnDateTime}
+        </td>
+        <td
+          className={`comp-cell-width-90 comp-cell-min-width-90 sticky-col sticky-col--right actions-col hwc-table-actions-cell ${isExpandedClass}`}
+        >
           <ComplaintActionItems
             complaint_identifier={id}
             complaint_type={type}
@@ -211,7 +211,9 @@ export const WildlifeComplaintListItem: FC<Props> = ({ type, complaint }) => {
               </div>
             </dl>
           </td>
-          <td className={`comp-cell-width-110 comp-cell-child-expanded sticky-col sticky-col--right actions-col`}></td>
+          <td
+            className={`comp-cell-width-90 comp-cell-min-width-90 comp-cell-child-expanded sticky-col sticky-col--right actions-col`}
+          ></td>
         </tr>
       )}
     </>
diff --git a/frontend/src/assets/sass/complaint.scss b/frontend/src/assets/sass/complaint.scss
index 0d5ee1c3b..b49ee39f4 100644
--- a/frontend/src/assets/sass/complaint.scss
+++ b/frontend/src/assets/sass/complaint.scss
@@ -222,6 +222,103 @@
   }
 }
 
+// COMPLAINT TABLES - GENERAL
+#complaint-list {
+  border-collapse: initial;
+  border-spacing: 0px;
+  font-style: normal;
+
+  tbody {
+    tr {
+      cursor: pointer;
+
+      &:hover {
+        background-color: $gray-110;
+      }
+    }
+
+    td {
+      overflow: hidden;
+    }
+
+    .comp-table-row-hover-style {
+      background-color: $gray-110;
+    }
+
+    .comp-table-icon-weighted:hover {
+      stroke-width: 0.5;
+    }
+  }
+
+  .comp-ellipsis-cell {
+    width: 31px;
+    vertical-align: middle;
+    color: $gray-600;
+    font-size: 14px;
+
+    td {
+      cursor: pointer;
+    }
+  }
+}
+
+// COMPLAINT TABLE - HUMAN WILDLIFE COMPLAINTS
+.hwc-table {
+  &-date-cell {
+    white-space: nowrap;
+  }
+
+  &-actions-cell {
+    text-align: center;
+  }
+}
+
+.hwc-table-dl {
+  margin: 0;
+
+  + dl {
+    margin-top: 16px;
+  }
+
+  div {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  dt {
+    width: 40ch;
+    font-weight: 400;
+    color: $gray-500;
+  }
+
+  dd {
+    margin: 0;
+    white-space: normal;
+    max-width: 92ch;
+  }
+}
+
+// COMPLAINT TABLE - ALLEGATION/COMPLAINTS
+.ac-table {
+  &-date-cell {
+    white-space: nowrap;
+  }
+  &-actions-cell {
+    text-align: center;
+  }
+}
+
+// COMPLAINT TABLE - GENERAL COMPLAINTS
+.gc-table {
+  &-date-cell {
+    white-space: nowrap;
+  }
+  &-actions-cell {
+    text-align: center;
+  }
+}
+
 // COMPLAINT DETAILS AND EDIT PAGES
 // COMPLAINT HEADER COMPONENT
 .comp-details-header {
@@ -699,10 +796,6 @@ p {
   white-space: pre-wrap;
 }
 
-.comp-table tbody div:last-child .comp-cell:last-of-type {
-  border-bottom-right-radius: 4px;
-}
-
 .comp-complaint-label {
   color: $gray-500;
 }
@@ -949,7 +1042,7 @@ p {
   .comp-complaint-top-row {
     margin-top: 24px;
   }
-  
+
   .first-row {
     flex-direction: row;
     gap: 10px;
@@ -1378,160 +1471,6 @@ p {
   margin-top: 6px;
 }
 
-// COMPLAINT DETAILS END
-
-#complaint-list {
-  border-collapse: initial;
-  border-spacing: 0px;
-  font-style: normal;
-
-  tbody {
-    tr {
-      cursor: pointer;
-    }
-
-    tr .comp-table-icons {
-      // don't display unless row is hovered on
-      display: none;
-    }
-
-    tr:hover {
-      background-color: $gray-110;
-    }
-
-    .comp-table-row-hover-style {
-      background-color: $gray-110;
-    }
-
-    // display the interactive icons when the row is hovered on
-    tr:hover .comp-table-icons {
-      margin-top: 10px;
-      display: block;
-    }
-
-    // hide the date when the row is hovered on
-    tr:hover .comp-table-update-date {
-      display: none;
-    }
-
-    td {
-      white-space: nowrap;
-    }
-
-    .comp-table-icon-weighted:hover {
-      stroke-width: 0.5;
-    }
-
-    .comp-cell-action-icon {
-      margin-right: 15px;
-    }
-
-    .comp-cell-break-word {
-      word-break: break-word;
-    }
-
-    .comp-cell-expanded-location {
-      max-width: 800px;
-    }
-
-    .comp-cell-child-actions {
-      vertical-align: bottom !important;
-      text-align: right !important;
-    }
-
-    .comp-cell-child-actions div {
-      margin-right: 20px;
-    }
-  }
-
-  .comp-header-left-border {
-    border-left-width: 1px;
-  }
-
-  .comp-header-right-border {
-    border-right-width: 1px;
-  }
-
-  .comp-header-vertical-border-left {
-    border-left-width: 1px;
-  }
-
-  .comp-ellipsis-cell {
-    width: 31px;
-    vertical-align: middle;
-    color: $gray-600;
-    font-size: 14px;
-
-    td {
-      cursor: pointer;
-    }
-  }
-}
-
-.comp-table-header {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  margin: 0;
-  width: 1330px;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 12px;
-
-  height: 38px;
-  border-spacing: 0px;
-  text-align: left;
-  border-collapse: initial;
-  margin-left: 12px;
-
-  > :not(caption) > * > * {
-    background: $gray-500;
-    background-color: $gray-200;
-    border-color: $gray-500;
-  }
-
-  /* Inside auto layout */
-
-  flex: none;
-  order: 0;
-  align-self: stretch;
-  flex-grow: 0;
-}
-
-.comp-table {
-  border-spacing: 0px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  margin: 0;
-  width: 1330px;
-  font-style: normal;
-  font-size: 12px;
-  text-align: left;
-  border-collapse: initial;
-
-  /* Inside auto layout */
-
-  flex: none;
-  order: 0;
-  align-self: stretch;
-  flex-grow: 0;
-}
-
-.comp-header-cell {
-  box-sizing: border-box;
-  padding: 0px 12px 0px 12px;
-  height: 38px;
-
-  border-width: 1px 1px 0px 0px;
-  border-style: solid;
-  border-bottom-width: 0px;
-  flex: none;
-  order: 12;
-  align-self: stretch;
-  flex-grow: 0;
-}
-
 .comp-box-footer {
   margin-right: 24px;
   height: 100px;
@@ -1556,20 +1495,6 @@ p {
   }
 }
 
-.comp-cell {
-  box-sizing: border-box;
-  padding: 12px 12px 12px 12px;
-
-  border-width: 0px 1px 0px 0px;
-  border-style: solid;
-  border-color: $gray-310;
-
-  flex: none;
-  order: 12;
-  align-self: stretch;
-  flex-grow: 0;
-}
-
 .comp-cell-parent-expanded {
   border-bottom: none !important;
 }
@@ -1582,33 +1507,6 @@ p {
   padding-top: 0 !important;
 }
 
-.comp-cell-left {
-  border-style: solid;
-  border-color: $gray-310;
-  border-width: 0px 1px 0px 1px;
-}
-
-.comp-top-left {
-  border-top-left-radius: 4px;
-  border-width: 1px 1px 0px 1px;
-}
-
-.comp-small-cell {
-  width: 95px;
-}
-
-.comp-medium-cell {
-  width: 130px;
-}
-
-.comp-area-cell {
-  width: 165px;
-}
-
-.comp-location-cell {
-  width: 170px;
-}
-
 .collapsible .header {
   padding: 6px;
   cursor: pointer;
@@ -1966,54 +1864,3 @@ p {
   cursor: not-allowed;
   pointer-events: all;
 }
-
-// COMPLAINT TABLE CUSTOMIZATION
-th,
-td {
-  white-space: nowrap;
-}
-
-td {
-  vertical-align: middle;
-}
-
-td.incident-col {
-  text-align: center;
-}
-
-.actions-col {
-  text-align: center;
-}
-
-.hwc-table-dl {
-  margin: 0;
-
-  + dl {
-    margin-top: 16px;
-  }
-
-  div {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-  }
-
-  dt {
-    width: 40ch;
-    font-weight: 400;
-    color: $gray-500;
-  }
-
-  dd {
-    margin: 0;
-    white-space: normal;
-    max-width: 92ch;
-  }
-}
-
-.bg-species-badge {
-  font-size: 0.75rem;
-  line-height: normal;
-  background-color: #e4e4e4;
-  color: #313132;
-}
diff --git a/frontend/src/assets/sass/layout.scss b/frontend/src/assets/sass/layout.scss
index b3ad2031e..b7540f9cd 100644
--- a/frontend/src/assets/sass/layout.scss
+++ b/frontend/src/assets/sass/layout.scss
@@ -723,7 +723,7 @@ p {
 }
 
 // TABLES
-.table {
+.comp-table {
   font-size: 0.875rem;
 
   thead {
@@ -735,6 +735,7 @@ p {
       background: $gray-100;
       background-color: $gray-100;
       border-color: $gray-300;
+      overflow: hidden;
       white-space: nowrap;
       vertical-align: middle;
 
@@ -753,6 +754,9 @@ p {
   }
 
   td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+    overflow: hidden;
     border-color: $gray-300;
   }
 
@@ -794,7 +798,13 @@ td.sticky-col {
   background-color: #fff;
 }
 
-.actions-col {
+td.actions-col {
+  padding-top: 0;
+  padding-bottom: 0;
+  .btn {
+    margin-top: 4px;
+  }
+
   .btn + .btn {
     margin-left: 8px;
   }
@@ -811,12 +821,12 @@ td.sticky-col {
     justify-content: space-between;
     gap: 0.5rem;
   }
+}
 
-  & .header-label {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+.header-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 // TABS
diff --git a/frontend/src/assets/sass/mixins.scss b/frontend/src/assets/sass/mixins.scss
index a09b1747d..a2dad7c97 100644
--- a/frontend/src/assets/sass/mixins.scss
+++ b/frontend/src/assets/sass/mixins.scss
@@ -207,3 +207,9 @@
     width: #{$width}px;
   }
 }
+
+@each $width in $cell-widths {
+  .comp-cell-min-width-#{$width} {
+    min-width: #{$width}px;
+  }
+}