openverse-frontend
openverse-frontend copied to clipboard
Different components in storybook and the staging site (audio box)
Description
While reviewing the components in storybook, I noticed a different version of the audio box small and the search bar on the staging site. I did not check all components but it might happen with other components too
Reproduction
- Open the small version of the audio box.
- Open the all content results of the staging site on a small device.
- Notice the difference by interacting with the component
Screenshots
| Storybook | Staging site |
|---|---|
![]() |
![]() |
Resolution
- [ ] 🙋 I would be interested in resolving this bug.
@panchovm To be specific on how to fix this, the audio box small component should look the same as on the desktop, right? Here is a GIF.

Neither as on storybook nor as on staging. Here you can see the Figma component, the smallest box versions. In hover and focus states, the element shows the CC license icons only.

