fix: overflowing scrolling numbers on linux (#693)

Description
---

Scrolling numbers in the wallet were not hiding

Motivation and Context
---

Before:

![image](https://github.com/user-attachments/assets/7ce96864-f155-42a3-9a7b-693345bc993f)
After:

![image](https://github.com/user-attachments/assets/69a8c115-abef-46e5-a6d4-2f465a27e7f2)

How Has This Been Tested?
---

I ran it on linux.

What process can a PR reviewer use to test or verify this change?
---
Run it on the platform make sure the numbers aren't displayed except for
the actual wallet value.
<!-- Checklist -->
<!-- 1. Is the title of your PR in the form that would make nice release
notes? The title, excluding the conventional commit
tag, will be included exactly as is in the CHANGELOG, so please think
about it carefully. -->


Breaking Changes
---

- [x] None
- [ ] Requires data directory on base node to be deleted
- [ ] Requires hard fork
- [ ] Other - Please specify

<!-- Does this include a breaking change? If so, include this line as a
footer -->
<!-- BREAKING CHANGE: Description what the user should do, e.g. delete a
database, resync the chain -->

src/components/CharSpinner/CharSpinner.styles.ts

@@ -18,6 +18,7 @@ export const Wrapper = styled.div<{ $letterHeight?: number }>`
     flex-direction: row;
     align-items: baseline;
     gap: 4px;
+
     span {
         display: flex;
         font-weight: 600;
@@ -57,6 +58,7 @@ export const Character = styled(m.div)<Props>`
     text-transform: lowercase;
     width: min-content;
     letter-spacing: -3px;
+    z-index: 1;
     // for the unit & decimal
 
     ${({ $decimal, $unit }) =>