[BUG] Inconsistent color, shape, and size of the pencil button compared to other buttons

[sheezah01]

Description

Description:
The pencil button currently has a different color, shape, and size than other buttons, which affects the visual consistency and usability of the interface. This inconsistency can make it difficult for users to identify the pencil button as part of the same group as other buttons, potentially causing confusion and reducing the overall appeal of the UI.

Steps to Reproduce:

Open the application.
Observe the pencil button's color, shape, and size compared to other buttons.
Expected Behavior:
The pencil button should match the other buttons in color, shape, and size to create a consistent and visually appealing interface.

Actual Behavior:
The pencil button differs in color, shape, and size, making it stand out in a way that appears inconsistent and unappealing.

Screenshots

Any additional information?

This change could enhance user experience by reducing visual clutter and making button functionality clearer.

What browser are you seeing the problem on?

No response

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)