messenger_narrow.css

/** CSS style to make FB Messenger narrower **/
/** Made by Puf https://popcorn.vivaldi.net **/

/* Width fix */
body > div:first-child > div:first-child > div:first-child, ._4sp8 {
    min-width: 0!important;
}

/* New message overflow fix */
[aria-label="New message"] > div:first-child > div:first-child {
    overflow: hidden;
}

[aria-live="polite"] {
    box-sizing: border-box;
    border-right: 4px solid rgba(0, 0, 255, 0.5);
}

/* Fix input field on narrow displays */
@media (max-width: 400px) {

    ._fl2, ._4rv4, ._30yy._2oc8
    {
        display: none;
    }
    
    ._2swd._kmc {
        padding-bottom: 9px;
    }
    
    ._1enh {
        position: fixed;
        z-index: 100;
        transform: scale(0.5) translateY(-100vh) translateY(50px) translateX(-37px);
        height: 200vh;
    }
    
    ._4u-c._3_e8._9hq {
        height: 200vh !important;
    }
    
    ._20bp {
        padding-left: 28px;
    }
    
    ._4tsk._52mr._1byr div {
        width: 80% !important;
    }
    
    ._5irm._1_73 {
        margin-left: 18px !important;
    }
}