diff --git a/packages/asc-web-components/table-container/StyledTableContainer.js b/packages/asc-web-components/table-container/StyledTableContainer.js
index 6270c9b990..d4a57a2177 100644
--- a/packages/asc-web-components/table-container/StyledTableContainer.js
+++ b/packages/asc-web-components/table-container/StyledTableContainer.js
@@ -31,6 +31,9 @@ const StyledTableContainer = styled.div`
     margin: 14px 8px 0 auto;
     z-index: 1;
     border-right: 2px solid #d0d5da;
+    &:hover {
+      border-color: #657077;
+    }
   }
 
   .table-container_group-menu,
@@ -175,6 +178,9 @@ const StyledTableHeaderCell = styled.div`
     height: 38px;
     display: flex;
     align-items: center;
+    &:hover {
+      color: #657077;
+    }
   }
 `;
 
diff --git a/packages/asc-web-components/table-container/TableHeaderCell.js b/packages/asc-web-components/table-container/TableHeaderCell.js
index 1389d84f98..16d93d9275 100644
--- a/packages/asc-web-components/table-container/TableHeaderCell.js
+++ b/packages/asc-web-components/table-container/TableHeaderCell.js
@@ -54,6 +54,7 @@ const TableHeaderCell = ({
             iconName="/static/images/folder arrow.react.svg"
             className="header-container-text-icon"
             size="small"
+            hoverColor="#657077"
           />
         </div>
         {resizable && (