diff --git a/src/views/Wallet/views/Account/Send/ethereum/index.js b/src/views/Wallet/views/Account/Send/ethereum/index.js
index 6b88ff53..4da01e1d 100644
--- a/src/views/Wallet/views/Account/Send/ethereum/index.js
+++ b/src/views/Wallet/views/Account/Send/ethereum/index.js
@@ -87,6 +87,20 @@ const FeeOptionWrapper = styled.div`
justify-content: space-between;
`;
+const OptionValue = styled(P)`
+ flex: 1 0 auto;
+ min-width: 70px;
+ margin-right: 5px;
+`;
+
+const OptionLabel = styled(P)`
+ flex: 0 1 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: right;
+ word-break: break-all;
+`;
+
const FeeLabelWrapper = styled.div`
display: flex;
align-items: center;
@@ -348,8 +362,8 @@ const AccountSend = (props: Props) => {
options={feeLevels}
formatOptionLabel={option => (
- {option.value}
- {option.label}
+ {option.value}
+ {option.label}
)}
/>
diff --git a/src/views/Wallet/views/Account/Send/ripple/index.js b/src/views/Wallet/views/Account/Send/ripple/index.js
index cdc7fd3e..e9bc5e06 100644
--- a/src/views/Wallet/views/Account/Send/ripple/index.js
+++ b/src/views/Wallet/views/Account/Send/ripple/index.js
@@ -74,6 +74,20 @@ const FeeOptionWrapper = styled.div`
justify-content: space-between;
`;
+const OptionValue = styled(P)`
+ flex: 1 0 auto;
+ min-width: 70px;
+ margin-right: 5px;
+`;
+
+const OptionLabel = styled(P)`
+ flex: 0 1 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: right;
+ word-break: break-all;
+`;
+
const FeeLabelWrapper = styled.div`
display: flex;
align-items: center;
@@ -302,8 +316,8 @@ const AccountSend = (props: Props) => {
options={feeLevels}
formatOptionLabel={option => (
- {option.value}
- {option.label}
+ {option.value}
+ {option.label}
)}
/>