Re: fix alignment on hsInput in safari

Signed-off-by: Ajay Bura <ajbura@gmail.com>

package.json

@@ -75,7 +75,7 @@
     "util": "^0.12.4",
     "webpack": "^5.62.1",
     "webpack-cli": "^4.5.0",
-    "webpack-dev-server": "^4.4.0",
-    "webpack-merge": "^5.7.3"
+    "webpack-merge": "^5.7.3",
+    "webpack-dev-server": "^3.11.2"
   }
 }

src/app/atoms/input/Input.scss

@@ -2,6 +2,7 @@
   display: block;
   width: 100%;
   min-width: 0px;
+  margin: 0;
   padding: var(--sp-tight) var(--sp-normal);
   background-color: var(--bg-surface-low);
   color: var(--tc-surface-normal);

src/app/templates/auth/Auth.scss

@@ -59,7 +59,6 @@
   align-items: flex-end;
   & > .input-container {
     flex: 1;
-    line-height: 0;
     & .input {
       border-right: unset;
       border-radius: var(--bo-radius) 0 0 var(--bo-radius);