diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss index 3f558a052f..bde91c06bd 100644 --- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss +++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss @@ -22,7 +22,7 @@ margin-bottom: var(--chat-input-wrapper-height); @include big-phone { - margin-bottom: 0; + --chat-input-wrapper-height: 2.5rem; padding: 0.5rem 0.75rem 0 0.5rem; } } diff --git a/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss b/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss index b326d84cff..6ce2e6b58f 100644 --- a/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss +++ b/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss @@ -1,4 +1,5 @@ @import "../../../../../../constants"; +@import "../../../../../../styles/sizes"; .modal { height: 90vh; @@ -10,6 +11,10 @@ padding: 0; } } + + @include big-phone { + height: 100vh; + } } .headerTitleWrapper {