@media screen and (max-width: 450px){ .chat-body{ background-color: rgb(210, 196, 214); justify-content:flex-start; flex : 1; max-height: calc(100vh - 82px); &__header{ align-items: center; height: 50px; h1{ font-size: 24px; margin: 0; letter-spacing:-1px; font-family: IRANSansNumeralBold; } p{ font-size: 16px; color: rgb(101, 2, 182); letter-spacing:-1px; } } &__content{ padding : 0px 20px 40px; height : calc(100vh - 268px); overflow-y: scroll !important; min-height: 200px; } &__footer{ width: 100%; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } } }