diff --git a/src/components/Links/links.module.scss b/src/components/Links/links.module.scss index 100245d..c2a305c 100644 --- a/src/components/Links/links.module.scss +++ b/src/components/Links/links.module.scss @@ -47,6 +47,7 @@ min-width: 0; width: 100%; display: flex; + gap: 0.35em; flex: 1; align-items: center; } @@ -68,9 +69,10 @@ } & .links-count { - color: $grey; + min-width: fit-content; font-weight: 300; font-size: 0.8em; + color: $grey; } } diff --git a/src/components/SideNavigation/Categories/categories.module.scss b/src/components/SideNavigation/Categories/categories.module.scss index c1ee4d1..c225378 100644 --- a/src/components/SideNavigation/Categories/categories.module.scss +++ b/src/components/SideNavigation/Categories/categories.module.scss @@ -37,7 +37,7 @@ } & .content { - width: 100%; + width: calc(100% - 24px); display: flex; gap: 0.35em; align-items: center; diff --git a/src/components/Visibility/visibility.module.scss b/src/components/Visibility/visibility.module.scss index 45d1573..b0aaf12 100644 --- a/src/components/Visibility/visibility.module.scss +++ b/src/components/Visibility/visibility.module.scss @@ -7,7 +7,6 @@ border: 1px solid rgba($color: $blue, $alpha: 0.75); border-radius: 50px; padding: 0.15em 0.65em; - margin-left: 0.5em; display: flex; gap: 0.35em; align-items: center;