fix(info-tile): improve ux when size is extra small

Author: LucyChyzhova

src/components/info-tile/info-tile.scss

@@ -263,6 +263,36 @@ $l: 62.5rem; //1000px
         padding: 0.375rem;
         gap: 0.125rem;
     }
+
+    .icon {
+        opacity: 0.5;
+        top: 0.125rem;
+        right: 0.125rem;
+        padding: 0.125rem;
+        --icon-preferred-size: 18cqw;
+        --icon-max-size: 2rem;
+    }
+
+    .value-group {
+        gap: 0.125rem;
+    }
+
+    .value {
+        --value-min-size: 0.7rem;
+        --value-preferred-size: 12cqw;
+        --value-max-size: 1rem;
+    }
+
+    .prefix,
+    .suffix {
+        --suffix-prefix-min-size: 0.6rem;
+        --suffix-prefix-preferred-size: 6cqw;
+        --suffix-prefix-max-size: 0.875rem;
+    }
+
+    .label {
+        @include mixins.truncate-text-on-line(2);
+    }
 }
 
 @container (width < #{$s}) {