Fix: alignment when there's only title

[ItzNotABug]

What does this PR do?

Before -

After -

Test Plan

(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

Related PRs and Issues

(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2158654

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

💥 An error occurred when fetching the changed packages and changesets in this PR

Some errors occurred when validating the changesets config:
The package or glob expression "@appwrite.io/pink" specified in the `linked` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/pink-icons" specified in the `linked` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/kitchensink" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/fonts" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/pink-design" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.

[github-actions]

Uh oh! @ItzNotABug, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

[github-actions]

🚀 Previews available on try-module.cloud!

📦 @appwrite.io/pink-svelte

Install @appwrite.io/pink-svelte with:

pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@13516f9

Alternatively, you may specify a branch name or pull request number:

pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte~fix-alert-alignment
pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte!332

📦 @appwrite.io/pink-icons-svelte

Install @appwrite.io/pink-icons-svelte with:

pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-icons-svelte@13516f9

Alternatively, you may specify a branch name or pull request number:

pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-icons-svelte~fix-alert-alignment
pnpm install https://try-module.cloud/-/@appwrite/@appwrite.io/pink-icons-svelte!332

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@332

npm i https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@332

commit: 2158654

[github-actions]

🚀 Previews available on pkg.vc!

📦 @appwrite.io/pink-svelte

Install @appwrite.io/pink-svelte with:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@2158654

Alternatively, you may specify a branch name or pull request number:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte~fix-alert-alignment
pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte!332

📦 @appwrite.io/pink-icons-svelte

Install @appwrite.io/pink-icons-svelte with:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@2158654

Alternatively, you may specify a branch name or pull request number:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte~fix-alert-alignment
pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte!332