WhatsApp Web: compact chat list
Shrinks row heights and avatars in the chat list so you can see more conversations at once.
Code to copy
/* Compact chat-list rows so more conversations fit at once */
div[role="listitem"]:has([data-testid="cell-frame-container"]),
[data-testid="cell-frame-container"] {
min-height: 56px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
[data-testid="cell-frame-container"] img,
[data-testid="cell-frame-container"] div[role="img"] {
width: 36px !important;
height: 36px !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.