diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 4238d825cf5ede95291323d6feaa8fc9bc95b32c..04e705b7432f8cb005fcd5c660120a6bd12c557d 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/src/components/navigation/items/Item.module.scss
@@ -20,7 +20,7 @@
         height: 42px;
     }
 
-    &.compact {
+    &.compact { /* TOFIX: Introduce two separate compact items, one for settings, other for channels. */
         height: 32px;
     }
 
@@ -46,7 +46,7 @@
         transition: color .1s ease-in-out;
 
         &.content {
-            gap: 8px;
+            gap: 10px;
             flex-grow: 1;
             min-width: 0;
             display: flex;
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index aea20a6145543882c68be6d5b3081f4edda6ccf0..18afb6386952c01cf920ea8119826870e55e43eb 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/src/pages/settings/Settings.module.scss
@@ -3,17 +3,17 @@
     100% {transform: scale(1);};
 }
 
+@keyframes close {
+    0% {transform: scale(1); opacity: 1;};
+    100% {transform: scale(1.2); opacity: 0;};
+}
+
 @keyframes opacity {
     0% {opacity: 0;};
     20% {opacity: .5;}
     50% {opacity: 1;}
 }
 
-@keyframes close {
-    0% {transform: scale(1); opacity: 1;};
-    100% {transform: scale(1.2); opacity: 0;};
-}
-
 .settings[data-mobile="true"] {
     flex-direction: column;
     background: var(--primary-header);