page[data-chat-role="teacher"] chat[view="mobile"] {
    flex-direction: column !important;
    top: 5.5rem !important;
    bottom: 0.75rem !important;
    left: 0.5rem !important;
    right: 0.5rem !important;
    width: auto !important;
    height: auto !important;
}

page[data-chat-role="teacher"] chat[view="mobile"] > users {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 12rem !important;
    border-bottom: 1px solid rgba(244, 244, 244, 1) !important;
    border-right: none !important;
}

page[data-chat-role="teacher"] chat[view="mobile"] > dialog {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}

page[data-chat-role="teacher"] chat[view="mobile"][users-collapsed] > users {
    display: none !important;
}

page[data-chat-role="teacher"] chat[view="mobile"][users-collapsed] > dialog {
    width: 100% !important;
}