Chat/src/components/MessagesArea/MessagesArea.style.js

import styled from "styled-components";
import 'simplebar/dist/simplebar.min.css';
import SimpleBar from 'simplebar-react';

export const MessagesAreaWrapper = styled.div`
    width: 100%;
    overflow: hidden;
    
`;

export const SimpleBarWrapper = styled(SimpleBar)`
    height: 100%;
    overflow-x: hidden;
    div.simplebar-content-wrapper, div.simplebar-content, div.simplebar-vertical{
        display: flex;
        flex-direction: column-reverse;
        
    }
    
`;