html, body, #root { height: 100%; overscroll-behavior: none; } *::selection { color: #fff; background: hsla(229, 71%, 57%, 1); } #app { height: 100%; display: grid; grid-template-columns: 352px 1fr auto; } #main { display: grid; grid-template-rows: 56px 1fr 100px; height: 100vh; } /* #main, #sidebar, #members, #main > div { border: 1px solid rgba(0, 0, 0, 0.1); } */ .composer-input::placeholder { transition: color 0.2s ease-in-out; } #sidebar { overflow: auto; height: 100vh; } #content { overflow: auto; padding: 72px 8px 132px 8px; height: 100vh; margin-top: -56px; } #members { width: 352px; overflow: auto; }