From 8a61bd77cc3761ca2b33ffd8abfd3039883b218d Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Wed, 27 Mar 2024 18:09:54 +0100
Subject: [PATCH] Update jest snapshots

---
 internals/jest/setupTests.ts                  |   2 +-
 .../__snapshots__/index.test.tsx.snap         | 111 +++++++-----
 .../__snapshots__/index.test.tsx.snap         | 163 +++++++++++-------
 .../__snapshots__/index.test.tsx.snap         | 144 ++++++++++++----
 4 files changed, 278 insertions(+), 142 deletions(-)

diff --git a/internals/jest/setupTests.ts b/internals/jest/setupTests.ts
index 1848ba621c..ed0cda6898 100644
--- a/internals/jest/setupTests.ts
+++ b/internals/jest/setupTests.ts
@@ -5,7 +5,7 @@ import 'react-app-polyfill/stable'
 // react-testing-library renders your components to document.body,
 // this adds jest-dom's custom assertions
 import '@testing-library/jest-dom'
-import 'jest-styled-components'
+import 'jest-styled-components' // Snapshot serializer
 
 // Init i18n for the tests needing it
 import 'locales/i18n'
diff --git a/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
index d4ffb37ddb..b94a2748fd 100644
--- a/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/app/components/AddEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -32,7 +32,7 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   flex-direction: column;
 }
 
-.c5 {
+.c7 {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
@@ -42,7 +42,14 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   width: 12px;
 }
 
-.c6 {
+.c5 {
+  font-size: 12px;
+  line-height: 18px;
+  color: #a3a3a3;
+  font-weight: 600;
+}
+
+.c8 {
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
@@ -71,48 +78,48 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   font-weight: bold;
 }
 
-.c6:hover {
+.c8:hover {
   box-shadow: 0px 0px 0px 2px #0092f6;
 }
 
-.c6:focus {
+.c8:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c6:focus > circle,
-.c6:focus > ellipse,
-.c6:focus > line,
-.c6:focus > path,
-.c6:focus > polygon,
-.c6:focus > polyline,
-.c6:focus > rect {
+.c8:focus > circle,
+.c8:focus > ellipse,
+.c8:focus > line,
+.c8:focus > path,
+.c8:focus > polygon,
+.c8:focus > polyline,
+.c8:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c6:focus::-moz-focus-inner {
+.c8:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c6:focus:not(:focus-visible) {
+.c8:focus:not(:focus-visible) {
   outline: none;
   box-shadow: none;
 }
 
-.c6:focus:not(:focus-visible) > circle,.c6:focus:not(:focus-visible) > ellipse,
-.c6:focus:not(:focus-visible) > line,.c6:focus:not(:focus-visible) > path,
-.c6:focus:not(:focus-visible) > polygon,.c6:focus:not(:focus-visible) > polyline,
-.c6:focus:not(:focus-visible) > rect {
+.c8:focus:not(:focus-visible) > circle,.c8:focus:not(:focus-visible) > ellipse,
+.c8:focus:not(:focus-visible) > line,.c8:focus:not(:focus-visible) > path,
+.c8:focus:not(:focus-visible) > polygon,.c8:focus:not(:focus-visible) > polyline,
+.c8:focus:not(:focus-visible) > rect {
   outline: none;
   box-shadow: none;
 }
 
-.c6:focus:not(:focus-visible)::-moz-focus-inner {
+.c8:focus:not(:focus-visible)::-moz-focus-inner {
   border: 0;
 }
 
-.c4 {
+.c6 {
   box-sizing: border-box;
   font-size: inherit;
   font-family: inherit;
@@ -126,51 +133,52 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   margin: 0;
   border: 1px solid rgba(0,0,0,0.33);
   border-radius: 4px;
+  padding-right: 48px;
 }
 
-.c4:focus {
+.c6:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c4:focus > circle,
-.c4:focus > ellipse,
-.c4:focus > line,
-.c4:focus > path,
-.c4:focus > polygon,
-.c4:focus > polyline,
-.c4:focus > rect {
+.c6:focus > circle,
+.c6:focus > ellipse,
+.c6:focus > line,
+.c6:focus > path,
+.c6:focus > polygon,
+.c6:focus > polyline,
+.c6:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c4:focus::-moz-focus-inner {
+.c6:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c4::-webkit-input-placeholder {
+.c6::-webkit-input-placeholder {
   color: #AAAAAA;
 }
 
-.c4::-moz-placeholder {
+.c6::-moz-placeholder {
   color: #AAAAAA;
 }
 
-.c4:-ms-input-placeholder {
+.c6:-ms-input-placeholder {
   color: #AAAAAA;
 }
 
-.c4::-webkit-search-decoration {
+.c6::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.c4::-moz-focus-inner {
+.c6::-moz-focus-inner {
   border: none;
   outline: none;
 }
 
-.c4:-moz-placeholder,
-.c4::-moz-placeholder {
+.c6:-moz-placeholder,
+.c6::-moz-placeholder {
   opacity: 1;
 }
 
@@ -179,6 +187,24 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
   width: 100%;
 }
 
+.c4 {
+  position: absolute;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-packjustify: center;
+  -webkit-justify: center;
+  -ms-flex-packjustify: center;
+  justify: center;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  pointer-events: none;
+  right: 12px;
+}
+
 .c0 {
   font-family: Rubik,sans-serif;
   font-size: 18px;
@@ -199,7 +225,7 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
 }
 
 @media only screen and (max-width:768px) {
-  .c5 {
+  .c7 {
     width: 6px;
   }
 }
@@ -218,9 +244,16 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
         <div
           class="c3"
         >
+          <div
+            class="c4"
+          >
+            <span
+              class="c5"
+            />
+          </div>
           <input
             autocomplete="off"
-            class="c4"
+            class="c6"
             data-testid="amount"
             id="amount-id"
             min="0"
@@ -234,10 +267,10 @@ exports[`<AddEscrowForm /> should match snapshot 1`] = `
         </div>
       </div>
       <div
-        class="c5"
+        class="c7"
       />
       <button
-        class="c6"
+        class="c8"
         type="submit"
       >
         account.addEscrow.delegate
diff --git a/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
index 62cff3d531..fa4da22cd1 100644
--- a/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/app/components/ReclaimEscrowForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   flex-direction: column;
 }
 
-.c6 {
+.c8 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -44,7 +44,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   padding-top: 12px;
 }
 
-.c7 {
+.c9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -60,7 +60,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   height: 100%;
 }
 
-.c9 {
+.c11 {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
@@ -70,7 +70,7 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   width: 24px;
 }
 
-.c5 {
+.c7 {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
@@ -80,7 +80,14 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   height: 24px;
 }
 
-.c8 {
+.c5 {
+  font-size: 12px;
+  line-height: 18px;
+  color: #a3a3a3;
+  font-weight: 600;
+}
+
+.c10 {
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
@@ -115,48 +122,48 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   font-weight: bold;
 }
 
-.c8:hover {
+.c10:hover {
   box-shadow: 0px 0px 0px 2px #0092f6;
 }
 
-.c8:focus {
+.c10:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c8:focus > circle,
-.c8:focus > ellipse,
-.c8:focus > line,
-.c8:focus > path,
-.c8:focus > polygon,
-.c8:focus > polyline,
-.c8:focus > rect {
+.c10:focus > circle,
+.c10:focus > ellipse,
+.c10:focus > line,
+.c10:focus > path,
+.c10:focus > polygon,
+.c10:focus > polyline,
+.c10:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c8:focus::-moz-focus-inner {
+.c10:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c8:focus:not(:focus-visible) {
+.c10:focus:not(:focus-visible) {
   outline: none;
   box-shadow: none;
 }
 
-.c8:focus:not(:focus-visible) > circle,.c8:focus:not(:focus-visible) > ellipse,
-.c8:focus:not(:focus-visible) > line,.c8:focus:not(:focus-visible) > path,
-.c8:focus:not(:focus-visible) > polygon,.c8:focus:not(:focus-visible) > polyline,
-.c8:focus:not(:focus-visible) > rect {
+.c10:focus:not(:focus-visible) > circle,.c10:focus:not(:focus-visible) > ellipse,
+.c10:focus:not(:focus-visible) > line,.c10:focus:not(:focus-visible) > path,
+.c10:focus:not(:focus-visible) > polygon,.c10:focus:not(:focus-visible) > polyline,
+.c10:focus:not(:focus-visible) > rect {
   outline: none;
   box-shadow: none;
 }
 
-.c8:focus:not(:focus-visible)::-moz-focus-inner {
+.c10:focus:not(:focus-visible)::-moz-focus-inner {
   border: 0;
 }
 
-.c10 {
+.c12 {
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
@@ -188,48 +195,48 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   font-weight: bold;
 }
 
-.c10:hover {
+.c12:hover {
   box-shadow: 0px 0px 0px 2px #0092f6;
 }
 
-.c10:focus {
+.c12:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c10:focus > circle,
-.c10:focus > ellipse,
-.c10:focus > line,
-.c10:focus > path,
-.c10:focus > polygon,
-.c10:focus > polyline,
-.c10:focus > rect {
+.c12:focus > circle,
+.c12:focus > ellipse,
+.c12:focus > line,
+.c12:focus > path,
+.c12:focus > polygon,
+.c12:focus > polyline,
+.c12:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c10:focus::-moz-focus-inner {
+.c12:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c10:focus:not(:focus-visible) {
+.c12:focus:not(:focus-visible) {
   outline: none;
   box-shadow: none;
 }
 
-.c10:focus:not(:focus-visible) > circle,.c10:focus:not(:focus-visible) > ellipse,
-.c10:focus:not(:focus-visible) > line,.c10:focus:not(:focus-visible) > path,
-.c10:focus:not(:focus-visible) > polygon,.c10:focus:not(:focus-visible) > polyline,
-.c10:focus:not(:focus-visible) > rect {
+.c12:focus:not(:focus-visible) > circle,.c12:focus:not(:focus-visible) > ellipse,
+.c12:focus:not(:focus-visible) > line,.c12:focus:not(:focus-visible) > path,
+.c12:focus:not(:focus-visible) > polygon,.c12:focus:not(:focus-visible) > polyline,
+.c12:focus:not(:focus-visible) > rect {
   outline: none;
   box-shadow: none;
 }
 
-.c10:focus:not(:focus-visible)::-moz-focus-inner {
+.c12:focus:not(:focus-visible)::-moz-focus-inner {
   border: 0;
 }
 
-.c4 {
+.c6 {
   box-sizing: border-box;
   font-size: inherit;
   font-family: inherit;
@@ -245,51 +252,52 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   line-height: 24px;
   border: 1px solid rgba(0,0,0,0.33);
   border-radius: 4px;
+  padding-right: 48px;
 }
 
-.c4:focus {
+.c6:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c4:focus > circle,
-.c4:focus > ellipse,
-.c4:focus > line,
-.c4:focus > path,
-.c4:focus > polygon,
-.c4:focus > polyline,
-.c4:focus > rect {
+.c6:focus > circle,
+.c6:focus > ellipse,
+.c6:focus > line,
+.c6:focus > path,
+.c6:focus > polygon,
+.c6:focus > polyline,
+.c6:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c4:focus::-moz-focus-inner {
+.c6:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c4::-webkit-input-placeholder {
+.c6::-webkit-input-placeholder {
   color: #AAAAAA;
 }
 
-.c4::-moz-placeholder {
+.c6::-moz-placeholder {
   color: #AAAAAA;
 }
 
-.c4:-ms-input-placeholder {
+.c6:-ms-input-placeholder {
   color: #AAAAAA;
 }
 
-.c4::-webkit-search-decoration {
+.c6::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-.c4::-moz-focus-inner {
+.c6::-moz-focus-inner {
   border: none;
   outline: none;
 }
 
-.c4:-moz-placeholder,
-.c4::-moz-placeholder {
+.c6:-moz-placeholder,
+.c6::-moz-placeholder {
   opacity: 1;
 }
 
@@ -298,6 +306,24 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
   width: 100%;
 }
 
+.c4 {
+  position: absolute;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-packjustify: center;
+  -webkit-justify: center;
+  -ms-flex-packjustify: center;
+  justify: center;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  pointer-events: none;
+  right: 12px;
+}
+
 .c0 {
   font-family: Rubik,sans-serif;
   font-size: 18px;
@@ -322,13 +348,13 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
 }
 
 @media only screen and (max-width:768px) {
-  .c9 {
+  .c11 {
     width: 12px;
   }
 }
 
 @media only screen and (max-width:768px) {
-  .c5 {
+  .c7 {
     height: 12px;
   }
 }
@@ -347,9 +373,16 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
         <div
           class="c3"
         >
+          <div
+            class="c4"
+          >
+            <span
+              class="c5"
+            />
+          </div>
           <input
             autocomplete="off"
-            class="c4"
+            class="c6"
             data-testid="amount"
             id="amount-id"
             max="0.00000100000000000000"
@@ -364,29 +397,29 @@ exports[`<ReclaimEscrowForm /> should match snapshot 1`] = `
         </div>
       </div>
       <div
-        class="c5"
+        class="c7"
       />
       <div
-        class="c6"
+        class="c8"
       >
         <div
-          class="c7"
+          class="c9"
         >
           <button
-            class="c8"
+            class="c10"
             type="submit"
           >
             account.reclaimEscrow.reclaim
           </button>
         </div>
         <div
-          class="c9"
+          class="c11"
         />
         <div
-          class="c7"
+          class="c9"
         >
           <button
-            class="c10"
+            class="c12"
             type="button"
           >
             account.reclaimEscrow.reclaimAll
diff --git a/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
index 9e84e888f9..5c7fcb1463 100644
--- a/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
@@ -282,7 +282,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   flex-direction: column;
 }
 
-.c37 {
+.c39 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -301,7 +301,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   justify-content: space-between;
 }
 
-.c40 {
+.c42 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -320,7 +320,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   flex-basis: 75%;
 }
 
-.c41 {
+.c43 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -335,7 +335,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   flex-direction: column;
 }
 
-.c42 {
+.c44 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -451,7 +451,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   height: 24px;
 }
 
-.c39 {
+.c41 {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
@@ -507,7 +507,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   line-height: 24px;
 }
 
-.c43 {
+.c45 {
   font-size: 26px;
   line-height: 32px;
   max-width: 624px;
@@ -647,7 +647,7 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   border: 0;
 }
 
-.c38 {
+.c40 {
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
@@ -676,44 +676,44 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   font-weight: bold;
 }
 
-.c38:hover {
+.c40:hover {
   box-shadow: 0px 0px 0px 2px #0092f6;
 }
 
-.c38:focus {
+.c40:focus {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c38:focus > circle,
-.c38:focus > ellipse,
-.c38:focus > line,
-.c38:focus > path,
-.c38:focus > polygon,
-.c38:focus > polyline,
-.c38:focus > rect {
+.c40:focus > circle,
+.c40:focus > ellipse,
+.c40:focus > line,
+.c40:focus > path,
+.c40:focus > polygon,
+.c40:focus > polyline,
+.c40:focus > rect {
   outline: none;
   box-shadow: 0 0 2px 2px #6FFFB0;
 }
 
-.c38:focus::-moz-focus-inner {
+.c40:focus::-moz-focus-inner {
   border: 0;
 }
 
-.c38:focus:not(:focus-visible) {
+.c40:focus:not(:focus-visible) {
   outline: none;
   box-shadow: none;
 }
 
-.c38:focus:not(:focus-visible) > circle,.c38:focus:not(:focus-visible) > ellipse,
-.c38:focus:not(:focus-visible) > line,.c38:focus:not(:focus-visible) > path,
-.c38:focus:not(:focus-visible) > polygon,.c38:focus:not(:focus-visible) > polyline,
-.c38:focus:not(:focus-visible) > rect {
+.c40:focus:not(:focus-visible) > circle,.c40:focus:not(:focus-visible) > ellipse,
+.c40:focus:not(:focus-visible) > line,.c40:focus:not(:focus-visible) > path,
+.c40:focus:not(:focus-visible) > polygon,.c40:focus:not(:focus-visible) > polyline,
+.c40:focus:not(:focus-visible) > rect {
   outline: none;
   box-shadow: none;
 }
 
-.c38:focus:not(:focus-visible)::-moz-focus-inner {
+.c40:focus:not(:focus-visible)::-moz-focus-inner {
   border: 0;
 }
 
@@ -761,11 +761,74 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
   opacity: 1;
 }
 
+.c38 {
+  box-sizing: border-box;
+  font-size: inherit;
+  font-family: inherit;
+  border: none;
+  -webkit-appearance: none;
+  background: transparent;
+  color: inherit;
+  width: 100%;
+  padding: 11px;
+  font-weight: 600;
+  margin: 0;
+  border: 1px solid rgba(0,0,0,0.33);
+  border-radius: 4px;
+  outline: none;
+  border: none;
+  padding-right: 48px;
+}
+
+.c38::-webkit-input-placeholder {
+  color: #AAAAAA;
+}
+
+.c38::-moz-placeholder {
+  color: #AAAAAA;
+}
+
+.c38:-ms-input-placeholder {
+  color: #AAAAAA;
+}
+
+.c38::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+.c38::-moz-focus-inner {
+  border: none;
+  outline: none;
+}
+
+.c38:-moz-placeholder,
+.c38::-moz-placeholder {
+  opacity: 1;
+}
+
 .c34 {
   position: relative;
   width: 100%;
 }
 
+.c37 {
+  position: absolute;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-packjustify: center;
+  -webkit-justify: center;
+  -ms-flex-packjustify: center;
+  justify: center;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  pointer-events: none;
+  right: 12px;
+}
+
 .c16 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -917,25 +980,25 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
 }
 
 @media only screen and (max-width:768px) {
-  .c37 {
+  .c39 {
     margin-top: 12px;
   }
 }
 
 @media only screen and (max-width:768px) {
-  .c41 {
+  .c43 {
     margin: 0px;
   }
 }
 
 @media only screen and (max-width:768px) {
-  .c42 {
+  .c44 {
     border: solid 1px #EDEDED;
   }
 }
 
 @media only screen and (max-width:768px) {
-  .c42 {
+  .c44 {
     padding: 24px;
   }
 }
@@ -972,14 +1035,14 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
 }
 
 @media only screen and (max-width:768px) {
-  .c39 {
+  .c41 {
     width: auto;
     height: 6px;
   }
 }
 
 @media only screen and (max-width:768px) {
-  .c43 {
+  .c45 {
     font-size: 18px;
     line-height: 24px;
     max-width: 432px;
@@ -1352,9 +1415,16 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
                   <div
                     class="c34"
                   >
+                    <div
+                      class="c37"
+                    >
+                      <span
+                        class="c19"
+                      />
+                    </div>
                     <input
                       autocomplete="off"
-                      class="c35"
+                      class="c38"
                       id="amount-id"
                       min="0"
                       name="amount"
@@ -1371,10 +1441,10 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
                 class="c36"
               />
               <div
-                class="c37"
+                class="c39"
               >
                 <button
-                  class="c38"
+                  class="c40"
                   type="submit"
                 >
                   Send
@@ -1385,19 +1455,19 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
         </div>
       </div>
       <div
-        class="c39"
+        class="c41"
       />
       <div
-        class="c40"
+        class="c42"
       >
         <div
-          class="c41"
+          class="c43"
         >
           <div
-            class="c42"
+            class="c44"
           >
             <h3
-              class="c43"
+              class="c45"
             >
               No transactions found.
             </h3>