#bot-container {
    display: none;
    z-index: 999;
    width: var(--botapp--frame-width) !important;
}

#bot-container .bot-typing-indicator {
    display: flex;
    flex-direction: row;
    width: 100px !important;
    justify-content: left;
}

#bot-container .message .message-wrapper {
    padding: 5px;
}

#bot-container .bot-typing-indicator span {
    height: 10px;
    width: 10px;
}

#bot-container .message-wrapper .message-text {
    white-space: break-spaces;
}

/*for mobile*/
@media only screen and (max-width: 768px) {
    #bot-container {
        width: calc(100% - 50px) !important;
    }
}