[BUG] Delete profile button overlaps card content in Edit Profile modal on Android

[codewithtamim]

Bug report

Describe your environment

• OS name and version: Android , Chrome

Describe the problem

The "Delete profile" button inside the "Edit profile" modal overflows out of its
card container and overlaps the surrounding descriptive text on Android mobile.
This causes the card body content to be partially hidden and unreadable, making
the UI broken and confusing for mobile users.

Check the screenshot

Steps to reproduce:

1. Open the site in a browser on mobile
2. Navigate to the "Rules" tab from the bottom navigation bar
3. Select "Profile 01" (or any profile)
4. Tap the settings/edit icon for the profile
5. Observe the "Edit profile" modal that appears

Observed Results:

• In the "Edit profile" modal, the red "Delete profile" button overflows out of its container and overlaps the descriptive text inside the red-bordered "Delete profile" card. The button covers the middle portion of the card body text, making the full description unreadable.

Expected Results:

• The "Delete profile" button should be fully contained within the card and positioned below the description text, with no overlapping content.

Relevant Code:

nothing