.scroll-btn { position: absolute; height: 46px; width: 32px; cursor: pointer; } .scroll-btn-right { top: 50px; left: calc(100vw - 45px); } .scroll-btn mat-icon { height: 46px; width: 28px; } .campaign-horizontal-list { width: 100%; height: 100%; display: flex; margin: 0; padding: 0; overflow: hidden; box-shadow: #666666 1px 1px 4px; } .campaign-entry { border: 1px solid #222222; min-width: 20%; max-height: 4em; padding: 10px 0; text-align: center; cursor: pointer; font-size: 16px; float: left; background: #424242; color: #9d9d9d; } .active { background: #222222; color: white; border-bottom: 3px solid #ffd740; } .campaign-entry:hover { border-bottom: 3px solid #ffd740; }