diff --git a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js index 77ad4e1855..8d9b8b3897 100644 --- a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js +++ b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/StyledInfiniteGrid.js @@ -1,4 +1,16 @@ -import styled from "styled-components"; +import styled, { css } from "styled-components"; +import { desktop, tablet } from "@docspace/components/utils/device"; + +const paddingCss = css` + @media ${desktop} { + margin-left: 1px; + padding-right: 0px; + } + + @media ${tablet} { + margin-left: -1px; + } +`; const StyledCard = styled.div` display: grid; @@ -10,6 +22,9 @@ const StyledItem = styled.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); gap: 14px 16px; + width: 100%; + + ${paddingCss}; `; const StyledHeaderItem = styled.div`