fix: animation on inputs

components/TempDesignSystem/Form/Label/label.module.css

@@ -3,7 +3,7 @@
   font-family: "fira sans";
   font-weight: 400;
   letter-spacing: 0.03px;
-  line-height: 120%;
+  line-height: 19px;
   text-align: left;
 }
 
@@ -15,20 +15,24 @@ span.small {
 span.regular {
   font-size: 16px;
   order: 1;
-  transition: font-size 200ms ease 100ms;
 }
 
 input:focus ~ .label,
 input:not(:placeholder-shown) ~ .label {
   display: block;
   font-size: 12px;
+  transition: font-size 100ms ease;
 }
 
 input:placeholder-shown ~ .label {
-  align-self: center;
   grid-row: 1/-1;
 }
 
+input:placeholder-shown:focus ~ .label,
+input:placeholder-shown:active ~ .label {
+  margin-bottom: var(--Spacing-x-half);
+}
+
 input:disabled ~ .label {
   color: var(--Main-Grey-40);
 }