fixup! fix(helper-line): when hidden, it should not have any height

Lundalogik · Nov 3, 2023 · d2b221f · d2b221f
1 parent ef7c8a4
commit d2b221f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/helper-line/helper-line.scss b/src/components/helper-line/helper-line.scss
@@ -18,11 +18,11 @@
 }
 
 div {
-    padding: 0.125rem 1rem 0 1rem;
     display: flex;
     justify-content: space-between;
     gap: 0.75rem;
     overflow: hidden;
+    padding: 0 1rem;
 }
 
 :host(limel-helper-line.invalid) {
@@ -36,6 +36,11 @@ div {
     margin-left: auto;
 }
 
+.helper-text,
+.counter {
+    padding-top: 0.125rem;
+}
+
 // This animates height of the helper line, from `0` to `auto`.
 // To get this animation effect, the consumer component should
 // add `hide` classed accordingly.