diff --git a/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx b/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx index 7d57dc1..767c912 100644 --- a/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx +++ b/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx @@ -63,12 +63,18 @@ const Right = styled.div` align-items: center; width: 96px; flex-shrink: 0; + @media (max-width: 768px) { + padding-left: 16px; + } `; const StyledButton = styled(ImportButton)` height: 28px; width: 96px; font-size: 12px; + @media (max-width: 656px) { + margin-top: 16px; + } `; const InnerButton = styled.div` diff --git a/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx b/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx index 0664097..137300d 100644 --- a/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx +++ b/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx @@ -76,12 +76,18 @@ const Right = styled.div` align-items: center; width: 96px; flex-shrink: 0; + @media (max-width: 768px) { + padding-left: 16px; + } `; const StyledButton = styled(ImportButton)` height: 28px; width: 96px; font-size: 12px; + @media (max-width: 656px) { + margin-top: 16px; + } `; const InnerButton = styled.div`