@@ -65,7 +65,16 @@ const StatelessTransaction = props => {
6565
6666 const gasPriceRangeDialogue = (
6767 <React.Fragment>
68− <div className="mt-8">Gas Price: <span className="ml-4 text-700 text-sm">{gasPrice} gwei</span></div>
68+ <div className="mt-12 flex space-between align-baseline">
69+ <div>
70+ <span>Gas Price:</span>
71+ <span className="ml-4 text-700 text-sm">{gasPrice} gwei</span>
72+ </div>
73+ <div className="text-sm">
74+ <span>Max transaction fee: </span>
75+ <span className="text-700">{(gasPrice * gasLimit) / 1000000000} eth</span>
76+ </div>
77+ </div>
6978
7079 <input
7180 className="mt-4"
@@ -113,12 +122,6 @@ const StatelessTransaction = props => {
113122 </InnerLabel>
114123 </Input>
115124
116− const maxTxnPriceInEth = (
117− <div className="mt-8">
118− Max transaction price: <span className="text-700">{(gasPrice * gasLimit) / 1000000000} eth</span>
119− </div>
120− )
121−
122125 const nonceDialogue =
123126 <Input
124127 className={ 'mono mt-4' }
@@ -224,7 +227,6 @@ const StatelessTransaction = props => {
224227 <div>
225228 { gasPriceDialogue }
226229 { gasLimitDialogue }
227− { maxTxnPriceInEth }
228230 </div>
229231 }
230232 { onlineParamsDialogue }