@media screen and (max-width: 4500px) { .chat-list { flex: 1; padding: 70px 14px 10px; position: relative; background: white; &__float { position: fixed; height: 50px; width: 50px; bottom: 20px; left: 20px; justify-content: center; align-items: center; background-color: #01db38; border-radius: 100px; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4); & svg { color: white; width: 25px; height: 25px; } } } } .desktop-chat{ width: 100vw; height: 100vh; max-width: 1250px; margin: 0px auto; &__list{ width: cacl(100% / 3); min-width: 350px; height: 100%; overflow-y: scroll; scrollbar-width: 0px; box-shadow: 0px 0px 5px rgb(230, 230, 230); position: relative; padding: 10px; &::-webkit-scrollbar{ display: none; } &--float { position: absolute; height: 50px; width: 50px; bottom: 20px; left: 20px; justify-content: center; align-items: center; background-color: #01db38; border-radius: 100px; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4); & svg { color: white; width: 25px; height: 25px; } } } }