Codecov Report

Merging #514 (37c8910) into main (091bf69) will increase coverage by 0.12%.
The diff coverage is 90.96%.

@@            Coverage Diff             @@
##             main     #514      +/-   ##
==========================================
+ Coverage   81.65%   81.78%   +0.12%     
==========================================
  Files         213      216       +3     
  Lines       12098    12084      -14     
  Branches     1179     1197      +18     
==========================================
+ Hits         9879     9883       +4     
+ Misses       2205     2187      -18     
  Partials       14       14              

... and 4 files with indirect coverage changes

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

📢 Have feedback on the report? Share it here.

@sehyod I think we should add h-6 w-6 p-[0.25rem] to this rule to make sure the icons and text are aligned. Please confirm if this is the correct way to implement this.

.command-palette .info_wrapper > svg {
   @apply h-6 w-6 fill-btn-ico-modal-item-default p-[0.25rem];
}

Before	After

EDIT: I think that the root cause for this is that the size (box model) for icons from react-icons and the SVGs (we can use alongside with icons) "don't match the css rules".

Yes, this works. I did not update it because I thought we would use custom icons soon, but the design team confrimed we should use the icons from react-icons, so I will update the CSS rules

EDIT: Actually I don't think we need the padding, the height and width are enough. The custom icons have a size of 24x24px so we can use the same for react-icons for consistency