fix hint position & padding with tooltip hint

Author: Awakich

projects/social_platform/src/app/ui/components/input/input.component.scss

@@ -137,10 +137,10 @@
     top: 55%;
     right: 20px;
     z-index: 10;
-    transform: translateY(-50%);
     padding: 2px;
     background-color: var(--light-gray);
     border-radius: 100%;
+    transform: translateY(-50%);
 
     &--small {
       top: 15%;

projects/social_platform/src/app/ui/components/textarea/textarea.component.scss

@@ -70,10 +70,10 @@
     top: 25px;
     right: 15px;
     z-index: 10;
-    transform: translateY(-50%);
     padding: 2px;
     background-color: var(--light-gray);
     border-radius: 100%;
+    transform: translateY(-50%);
   }
 
   &__counter {