fix: some style issues caused by the new visibility badge component

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;
   }
 }
 

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;

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;