diff --git a/packages/app-transfer/src/Transfer.tsx b/packages/app-transfer/src/Transfer.tsx
index 7be8a7c67e..00119be467 100644
--- a/packages/app-transfer/src/Transfer.tsx
+++ b/packages/app-transfer/src/Transfer.tsx
@@ -56,8 +56,8 @@ class Transfer extends React.PureComponent<Props, State> {
 
     return (
       <div className='transfer--Transfer'>
-        <div className='transfer--Transfer-selection'>
-          <div className='transfer--Transfer-data'>
+        <div className='ui--row'>
+          <div className='medium'>
             <InputAddress
               label={t('from', {
                 defaultValue: 'transfer from my account'
@@ -66,8 +66,7 @@ class Transfer extends React.PureComponent<Props, State> {
               type='account'
             />
           </div>
-          <div className='transfer--Transfer-mid'>>></div>
-          <div className='transfer--Transfer-data'>
+          <div className='medium'>
             <InputAddress
               label={t('to', {
                 defaultValue: 'to the recipient address'
diff --git a/packages/app-transfer/src/index.css b/packages/app-transfer/src/index.css
index 5d2c8fe4ff..7b55ba387c 100644
--- a/packages/app-transfer/src/index.css
+++ b/packages/app-transfer/src/index.css
@@ -2,22 +2,15 @@
 /* This software may be modified and distributed under the terms
 /* of the ISC license. See the LICENSE file for details. */
 
-.transfer--Transfer-selection,
 .transfer--Transfer-info {
   display: flex;
   flex-direction: row;
 }
 
-.transfer--Transfer-data,
-.transfer--Transfer-mid {
+.transfer--Transfer-data {
   flex: 1 1;
 }
 
-.transfer--Transfer-mid {
-  padding: 2.5em 0.5em;
-  text-align: center;
-}
-
 .transfer--Transfer-address {
   flex: 0 1;
   padding: 2em 0;