diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx index d340bcdc9..5a5f2d47c 100644 --- a/src/components/coffeechat/CoffeeChatCard/index.tsx +++ b/src/components/coffeechat/CoffeeChatCard/index.tsx @@ -407,6 +407,9 @@ const SoptTagSection = styled.div` div { white-space: nowrap; } + @media ${MB_BIG_MEDIA_QUERY}{ + width:206px; + } `; const BlurInfo = styled.div` diff --git a/src/components/coffeechat/CoffeeChatCategory/index.tsx b/src/components/coffeechat/CoffeeChatCategory/index.tsx index 1b912ff4e..6809965a7 100644 --- a/src/components/coffeechat/CoffeeChatCategory/index.tsx +++ b/src/components/coffeechat/CoffeeChatCategory/index.tsx @@ -554,12 +554,15 @@ const StyledSearchField = styled(SearchField)` width: 424px; } @media ${MB_BIG_MEDIA_QUERY} { + display: flex; + justify-content: center; padding-right: 20px; padding-left: 20px; width: 100%; button { - right: 15px; + display: flex; + align-items: center; } } @media ${MB_MID_MEDIA_QUERY} { diff --git a/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx b/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx index 9fe1e0f10..dc80d5216 100644 --- a/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx +++ b/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx @@ -210,10 +210,12 @@ const StyledModal = styled(Modal)` max-height: 100dvh; } @media ${MB_BIG_MEDIA_QUERY} { - margin-top: 114px; + top:60px; + padding-top:16px; width: 100vw; height: auto; - overflow-y: auto; + min-height:100dvh; + overflow-y: scroll; } `; @@ -285,6 +287,10 @@ const StyledButton = styled.button<{ isDisabled: boolean }>` &:active { background-color: ${colors.gray100}; } + + @media ${MB_BIG_MEDIA_QUERY}{ + margin-bottom:40px; + } `; const InputWrapper = styled.div` width: 100%;