diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx index 256c065e87..83e17dd44e 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx @@ -15,7 +15,7 @@ const StyledTr = styled.div<{ div.table-cell, div.table-cell-0-0 { &:not(:first-of-type) { - background-color: ${themeCssVariables.background.tertiary}; + background-color: ${themeCssVariables.accent.quaternary}; border-bottom: 1px solid ${themeCssVariables.border.color.medium}; border-color: ${themeCssVariables.border.color.medium}; } diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabList.tsx b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabList.tsx index 531f508949..6412170805 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabList.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabList.tsx @@ -12,6 +12,7 @@ import { styled } from '@linaria/react'; import { useCallback, useEffect, useMemo } from 'react'; import { useNavigate } from 'react-router-dom'; import { TabButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { TabListDropdown } from './TabListDropdown'; import { TabListFromUrlOptionalEffect } from './TabListFromUrlOptionalEffect'; @@ -22,6 +23,16 @@ const StyledContainer = styled.div` position: relative; user-select: none; width: 100%; + + &::after { + background-color: ${themeCssVariables.border.color.light}; + bottom: 0; + content: ''; + height: 1px; + left: 0; + position: absolute; + right: 0; + } `; const StyledDropdownContainer = styled.div`