Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Button]: file-export-outline icon appears larger than other icons with the same button size

Open Beginner friendly
#3,136 1 comment 0 reactions 0 assignees View on GitHub

@DeepMangeshT is already working on this.

Since Sep 29, 2026.

  • #3137 by @DeepMangeshT — open

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
react, typescript
Domain
design, frontend

Research direction

Start with the linked CodeSandbox and its Example.tsx, reproducing the comparison at size={30}. Inspect file-export-outline alongside neighboring UUI icons and trace its corresponding icon definition. Done means the icon has consistent visual dimensions and alignment with the others at the same size.

Written by the indexing model from the issue text.

Description

bug

Description

The file-export-outline icon appears visually larger than other UUI icons when rendered with the same size value.
For example, with size={30}, file-export-outline occupies noticeably more space than neighboring icons.

Image

Steps to Reproduce

  1. Open the CodeSandbox example.
  2. Render several UUI icons inside buttons with the same size, for example size={30}.
  3. Compare file-export-outline with the other icons.

Actual result

file-export-outline is visually larger than the other icons despite using the same size value.

Expected result

Icons rendered with the same size value should have consistent visual dimensions and alignment.

Environment

  • UUI version: 6.5.2
  • Browser name: Chrome
  • Operating System: Windows 11
Dominant language
TypeScript
Stars
248
Forks
79
Avg merge
1d 6h
Merged PRs (30d)
4

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from epam/UUI

All issues in epam/UUI

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.