2 files changed, 44 insertions, 15 deletions
diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss
index dde66fbb3..0e2034670 100644
--- a/ui/app/css/itcss/components/index.scss
+++ b/ui/app/css/itcss/components/index.scss
@@ -1,4 +1,5 @@
 @import '../../../components/ui/button/buttons';
+@import '../../../components/ui/dialog/dialog';
 
 @import './footer.scss';
 
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index ee07c1a7e..81678408a 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -536,8 +536,6 @@
   }
 
   &__form {
-    padding: 10px 0 25px;
-
     @media screen and (max-width: $break-small) {
       margin: 0;
       flex: 1 1 auto;
@@ -553,7 +551,7 @@
   }
 
   &__form-row {
-    margin: 8px 18px 0px;
+    margin: 1rem 1rem 0px;
     position: relative;
     display: flex;
     flex-flow: row;
@@ -570,7 +568,6 @@
   &__form-field {
     flex: 1 1 auto;
     min-width: 0;
-    max-width: 277px;
 
     .currency-display {
       color: $tundora;
@@ -758,16 +755,8 @@
   &__to-autocomplete {
     position: relative;
 
-    &__down-caret {
-      z-index: 1026;
-      position: absolute;
-      top: 18px;
-      right: 12px;
-    }
-
     &__qr-code {
       z-index: 1026;
-      position: absolute;
       top: 13px;
       right: 33px;
       cursor: pointer;
@@ -778,13 +767,52 @@
     &__qr-code:hover {
       background: #f1f1f1;
     }
+  }
 
-    &__input.with-qr {
-      padding-right: 65px;
+  &__to-autocomplete {
+    display: flex;
+    flex-direction: row;
+    z-index: 1025;
+    position: relative;
+    height: 54px;
+    width: 100%;
+    border: 1px solid $Grey-100;
+    border-radius: 8px;
+    background-color: $white;
+    color: $tundora;
+    padding: 0 10px;
+    font-family: Roboto;
+    line-height: 21px;
+    align-items: center;
+
+    &__input {
+      font-size: 16px;
+      height: 100%;
+      border: none;
+      flex: 1 1 auto;
+      width: 0;
+
+      &::placeholder {
+        color: #A1A5B3;
+      }
+    }
+
+    &__resolved {
+      font-size: 12px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      height: 30px;
+      cursor: pointer;
+
+      + .send-v2__to-autocomplete__qr-code {
+        top: 2px;
+        right: 0;
+      }
     }
   }
 
-  &__to-autocomplete, &__memo-text-area, &__hex-data {
+  &__memo-text-area, &__hex-data {
     &__input {
       z-index: 1025;
       position: relative;