Ex: In DarkMode, a blank square appears in bottom right corner while scrolling

[rajitkhanna]

Bug Description

A clear and concise description of what the current behavior is.
Please also add screenshots of the existing application.

Example:

In DarkMode, when scrollbar are displayed (for example on Companies page, with enough companies in the list), we see a blank square in the bottom right corner
[screenshot]

Expected behavior

A clear and concise description of what the expected behavior is.

Example:

The blank square should be transparent (invisible)

Technical inputs

Example:

- We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
- Probably fixable with CSS

[rajitkhanna]

@greptileai can you help me please

[greptile-apps-local]

To fix the blank square in dark mode: 1. Locate the ScrollWrapper component, likely in src/modules/ui/components/ScrollWrapper.tsx. 2. Find the CSS for the scrollbar in dark mode. Look for styles applied when data-theme='dark' is set. 3. Add background-color: transparent; to the scrollbar track styles for dark mode. 4. If using a custom scrollbar library, check its documentation for theme-specific styling options. 5. Test the fix by scrolling in dark mode on pages with long content, like the Companies page.

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Edit Issue Bot Settings · Greptile