diff --git a/frontend/src/components/common/NewTable/Table.styled.ts b/frontend/src/components/common/NewTable/Table.styled.ts index 5db0ba806..26dfbb98a 100644 --- a/frontend/src/components/common/NewTable/Table.styled.ts +++ b/frontend/src/components/common/NewTable/Table.styled.ts @@ -156,7 +156,7 @@ export const Table = styled.table( & a { color: ${table.td.color.normal}; font-weight: 500; - max-width: 450px; + max-width: 150ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -172,7 +172,24 @@ export const Table = styled.table( &:button { color: ${table.link.color.active}; } + } + + @media (max-width: 1500px) { + & a { + max-width: 70ch; + } + } + @media (max-width: 1024px) { + & a { + max-width: 50ch; + } + } + + @media (max-width: 768px) { + & a { + max-width: 40ch; + } } } `