Insufficient padding in code block component on `/templates` page

unrenamed commented 4 hours ago

Preliminary Checks

[X] I have reviewed the documentation: https://unkey.com/docs
[X] I have searched for existing issues: https://github.com/unkeyed/unkey/issues
[X] This issue is not a question, general help request, or anything other than a bug report directly related to Unkey. Please ask questions in our Discord community: https://unkey.com/discord.

Reproduction / Replay Link (Optional)

No response

Issue Summary

The code block component currently lacks adequate padding, making the displayed code appear cramped and suggesting that it continues beyond the right edge of the container. This design issue hampers readability and can confuse users, especially with longer code snippets.

Steps to Reproduce

Visit https://www.unkey.com/templates/rust-rocket
Scroll down to the steps with code blocks containing large code snippets

Expected behavior

To improve user experience, increasing the padding around the code block is necessary. Enhanced spacing will provide better visual separation, making it easier for users to engage with and understand the content.