What problem does this address?
Currently, when the tatva-pulse component is rendered inside a wrapper element (e.g., an h1 tag), its vertical alignment is inconsistent with the surrounding text.
As illustrated in the image below, the pulse component and the text that follows it are not positioned on the same baseline as the preceding text. This disrupts the natural flow and creates a visually imbalanced or "dipped" appearance.
Proposed solution
The goal is to refactor the component's CSS to achieve stable & centered alignment.
Additional context
No response
What problem does this address?
Currently, when the tatva-pulse component is rendered inside a wrapper element (e.g., an h1 tag), its vertical alignment is inconsistent with the surrounding text.
As illustrated in the image below, the pulse component and the text that follows it are not positioned on the same baseline as the preceding text. This disrupts the natural flow and creates a visually imbalanced or "dipped" appearance.
Proposed solution
The goal is to refactor the component's CSS to achieve stable & centered alignment.
Additional context
No response