Skip to content

Notifications empty state: fix asymmetric horizontal spacing on the bell icon #528

Description

@amnausman2002

Type of Request

Fast Track Change (small, low-risk improvements)

Feature Description

TL;DR

The notification bell icon in the empty state has uneven horizontal margin - ml-4 on the left and mr-1 on the right. This pushes the icon slightly off-center relative to the "No notifications yet" heading and subtext below it.

Proposal: set both to mr-1 ml-1 so the icon is symmetric and centers correctly under the text.

Current behavior

  • The bell icon button carries ml-4 mr-1, so it has more space on the left than the right.
  • Because the heading and subtext beneath it are center-aligned, the mismatched margin leaves the icon visibly off-center from the block it belongs to.

Expected behavior

  • Set the icon's horizontal margin to ml-1 mr-1 (equal both sides) so it aligns to the center of the empty-state text.

Scope

Very small, low-risk, front-end only.

Designs / references

Link to Product Proposal

No response

Status

New

Proposed By

Nurture at Arbisoft

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions