diff --git a/src/components/references/ReferenceSourceGroupedResults.jsx b/src/components/references/ReferenceSourceGroupedResults.jsx
index f54bfed39..13f34e6e0 100644
--- a/src/components/references/ReferenceSourceGroupedResults.jsx
+++ b/src/components/references/ReferenceSourceGroupedResults.jsx
@@ -268,9 +268,9 @@ const ReferenceSourceGroupedResults = ({ selected, results, loading, selectedToS
 
   return (
     <TableContainer style={style || {height: 'calc(var(--app-height) - 263px)'}} className={className}>
-      <Table stickyHeader size={size || 'small'} sx={{'.MuiTableCell-head': {lineHeight: '1.2rem', padding: '3px 16px', fontSize: '12px'}}}>
+      <Table stickyHeader size={size || 'small'} sx={{'.MuiTableCell-head': {lineHeight: '1.2rem', padding: '3px 16px', fontSize: '12px', borderBottom: 1, borderBottomColor: 'surface.nv80'}}}>
         <TableHead>
-          <TableRow sx={{background: '#FFF'}}>
+          <TableRow sx={{bgcolor: 'surface.s90'}}>
             <TableCell padding='checkbox' sx={{background: 'inherit'}} />
             <TableCell padding='checkbox' sx={{background: 'inherit'}} />
             <TableCell sx={{background: 'inherit'}}><b>{t('reference.reference')}</b></TableCell>
diff --git a/src/components/search/SearchResults.jsx b/src/components/search/SearchResults.jsx
index 1810d35e4..f7cba3100 100644
--- a/src/components/search/SearchResults.jsx
+++ b/src/components/search/SearchResults.jsx
@@ -40,7 +40,8 @@ const ResultsToolbar = props => {
         borderRadius: 0,
         pl: { sm: 1 },
         pr: { xs: 1, sm: 1 },
-        borderBottom: (disabled || display === 'card') ? 'none': '1px solid rgba(224, 224, 224, 1)',
+        borderBottom: (disabled || display === 'card') ? 'none': 1,
+        borderBottomColor: 'surface.nv80',
         minHeight: '48px !important'
       }, numSelected > 0 && {
         bgcolor: (theme) =>
diff --git a/src/components/search/TableResults.jsx b/src/components/search/TableResults.jsx
index 3da5fbab9..3acbb007c 100644
--- a/src/components/search/TableResults.jsx
+++ b/src/components/search/TableResults.jsx
@@ -40,7 +40,7 @@ const EnhancedTableHead = props => {
   };
   return (
     <TableHead sx={{background: props.bgColor}}>
-      <TableRow sx={{background: '#FFF'}}>
+      <TableRow sx={{bgcolor: 'surface.s90'}}>
         {
           onSelectAllClick &&
             <TableCell padding="checkbox" sx={{background: 'inherit'}}>
@@ -296,7 +296,7 @@ const TableResults = ({selected, bgColor, handleClick, handleRowClick, handleSel
       <Table
         stickyHeader
         size={size || 'small'}
-        sx={{'.MuiTableCell-head': {lineHeight: '1.2rem', padding: '3px 16px', fontSize: '12px'}}}
+        sx={{'.MuiTableCell-head': {lineHeight: '1.2rem', padding: '3px 16px', fontSize: '12px', borderBottom: 1, borderBottomColor: 'surface.nv80'}}}
       >
         <EnhancedTableHead
           size={size}