diff --git a/src/components/Table.styled.ts b/src/components/Table.styled.ts index 65414135..919467d1 100644 --- a/src/components/Table.styled.ts +++ b/src/components/Table.styled.ts @@ -1,6 +1,18 @@ import styled from 'styled-components' +import { spacings } from '../tokens/spacings' export const StyledDiv = styled.div` overflow-x: auto; - padding-bottom: 15px; + padding-bottom: ${spacings.MEDIUM}; + + > .table-wrapper { + > table { + width: auto !important; + margin: 0px !important; + } + + > div { + max-width: none !important; + } + } ` diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 1f4b4593..aaba63da 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -1,7 +1,7 @@ import { Chip } from '@equinor/eds-core-react' +import { EdsDataGrid } from '@equinor/eds-data-grid-react' import { useGetAnalogueModels } from '../hooks/useGetAnalogueModels' import * as Styled from './Table.styled' -import { EdsDataGrid } from '@equinor/eds-data-grid-react' export const Table = () => { const { data: models } = useGetAnalogueModels()