app.component.html

<mat-sidenav-content class="padding-10">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste quam vero
    tempore architecto laborum. Et labore consequatur necessitatibus, dicta
    vitae perferendis itaque veritatis explicabo! Id sapiente perferendis
    iusto omnis provident?</p>
  <p>Cumque assumenda error vitae consequatur numquam tenetur molestias
    impedit est quaerat molestiae! Officia, expedita laborum unde quasi eius
    nemo nulla molestiae enim accusantium minima error soluta eaque numquam
    nihil quibusdam?</p>
  <p>Dolores deleniti rerum illo optio, voluptatibus pariatur molestiae, at
    earum amet, maxime porro totam! Numquam magni eius, autem voluptatum
    optio consectetur quisquam magnam saepe officia ipsa consequuntur, quis
    quam cum.</p>
  <p>Suscipit animi fugit in cumque ipsum nesciunt ullam vitae aliquid
    recusandae omnis quam unde consequuntur, maiores totam. Quas, molestiae
    consequuntur, suscipit nisi atque doloribus, eligendi ipsam explicabo
    eius culpa totam?</p>
  <p>Vitae amet dolores consequatur eligendi blanditiis molestias delectus
    fugiat eum ipsa vel distinctio, perspiciatis illo dolorum, maiores non
    ratione? Quos soluta sed laboriosam corporis ab ducimus inventore,
    libero dignissimos fuga.</p>
  <p>Facere fugiat dolore, numquam optio fuga hic, accusantium sapiente
    porro dolor laboriosam maiores aut fugit velit ab vel dolorum esse
    libero. Consequatur libero suscipit sunt placeat. Consequuntur, hic.
    Hic, mollitia.</p>
  <p>Quod et fugit voluptates voluptas dolores nobis cum ipsam temporibus
    non, dolorem quidem voluptatibus, ut pariatur, totam officiis incidunt
    deleniti repellendus debitis sit velit! Voluptates, vitae perferendis.
    Dolor, amet ipsam.</p>
  <p>Necessitatibus quaerat quas aliquam maxime quos enim ad perspiciatis
    eaque incidunt unde. Deleniti voluptatum quidem neque quos consequatur
    veniam, alias sit voluptatem, libero nulla, debitis minima rem qui?
    Vitae, adipisci.</p>
  <p>Vitae doloribus aperiam perferendis corrupti sit, recusandae enim
    veniam consequatur voluptas dolorum porro ducimus mollitia provident,
    illum inventore asperiores aspernatur voluptatum tempore, dolor magni
    consequuntur assumenda beatae error! Nulla, repellendus.</p>
  <p>Omnis, quod maxime! Beatae dignissimos ea tempora repellat vel, aliquam
    minima error enim non in? Soluta quo, labore veritatis mollitia
    exercitationem laboriosam doloribus corrupti. Totam, voluptatum. Et
    corrupti suscipit dignissimos.</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis
    delectus officia fugit porro consectetur odit vitae corrupti incidunt
    iste pariatur, quo, error aspernatur repellat tenetur? Fugiat expedita
    non a!</p>
  <p>Dicta nostrum laudantium quo aliquid commodi! Facilis vero quis error
    et tempora nobis dicta maxime aspernatur, ipsam quam doloremque
    voluptatem officia quia beatae culpa ducimus aperiam atque sapiente
    consectetur praesentium!</p>
  <p>Nisi possimus quis quae fuga, quos obcaecati suscipit est nemo sapiente
    exercitationem dolores accusamus unde magni quod, veritatis iste totam
    provident quaerat ad, voluptatum placeat qui adipisci libero rerum.
    Quis.</p>
  <p>Similique veritatis ipsa laboriosam officiis rem ab illo temporibus
    ipsum ipsam explicabo, quaerat vero eius laudantium blanditiis ea porro
    sequi eaque aspernatur recusandae, commodi facere. Dolorem quaerat
    recusandae quo voluptatem.</p>
  <p>Id eos ea explicabo facere ex qui quibusdam ipsam tempora
    reprehenderit. Quos, animi? Beatae consectetur nam amet voluptatibus
    culpa harum nisi ut nulla quisquam, facilis veritatis rem optio quam
    voluptate.</p>
</mat-sidenav-content>