Feature/improve usability of toggle component (#5272)

* Improve usability

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the usability of the toggle component
 - Restructured the response of the portfolio report endpoint (_X-ray_)
 - Improved the language localization for Dutch (`nl`)
 - Improved the language localization for Spanish (`es`)

libs/ui/src/lib/toggle/toggle.component.scss

@@ -4,7 +4,6 @@
   .mat-mdc-radio-button {
     border-radius: 1rem;
     margin: 0 0.25rem;
-    padding: 0.15rem 0.75rem;
 
     &.mat-mdc-radio-checked {
       background-color: rgba(var(--dark-dividers));
@@ -19,7 +18,7 @@
         color: rgba(var(--dark-primary-text), 1);
         cursor: inherit;
         margin: 0;
-        padding: 0;
+        padding: 0.15rem 0.75rem;
       }
     }
   }