Hello, I'm a University of Utah student working on Ladybird as part of my final project for CS 4560 Web Browser Internals. While using the browser, I found a bug in how it displays the arrow of a dropdown menu in certain web pages (pictured below are how Chrome displays the arrow and how Ladybird displays the same arrow)

Chrome:

Ladybird:

I minimized the bug down to this simple html and css, which Chrome renders as a diagonal line and Ladybird renders as a solid box:

<style>
  .dropdown-arrow-icon{
      transform:rotate(-45deg);
      background:#202124;
      height:7px;
  }
</style>

<div class="dropdown-arrow-icon"></div>

Chrome:

Ladybird:

I am not really sure where to start as far as resolving this issue, but I am interested in taking a look and would appreciate any pointers on how to proceed. Thanks!