.chat-popup { width: 90vw; height: 95vh; display: flex; flex-direction: column; } .chat-popup-content { min-height: 0px; /* IMPORTANT: you need this for non-chrome browsers */ flex: 1; //height: 100%; .ant-col { height: 100%; } } .chat-popup-info-icon { margin-right: 5px; } @media only screen and (min-width: 992px) { .chat-popup { width: 60vw; height: 55vh; display: flex; flex-direction: column; } } .chat-popup--dark { color-scheme: dark; } .chat-popup--light { color-scheme: light; }