As you can see from below screenshot, its width is 24.52.
But I suppose that it should be 50 as I set size as 50.
To fix this problem, I have to set minWidth: 50 like this : <MoreHorizontal size="50" style={{ minWidth: 50 }} />.
But I think that it's not good solution.
Is there a better way to handle this? or Can it be resolved on react-feather library itself.
When using icon inside div, its width is shrinking. This is the sandbox to reproduce the issue. https://codesandbox.io/s/feather-icon-wrong-width-rn25rn?file=/src/App.js
As you can see from below screenshot, its width is 24.52. But I suppose that it should be 50 as I set size as 50.
To fix this problem, I have to set minWidth: 50 like this :
<MoreHorizontal size="50" style={{ minWidth: 50 }} />. But I think that it's not good solution. Is there a better way to handle this? or Can it be resolved on react-feather library itself.