diff --git a/ui/components/app/advanced-gas-controls/advanced-gas-controls-row.component.js b/ui/components/app/advanced-gas-controls/advanced-gas-controls-row.component.js
index 1ae8919b1..cb0bd2c0d 100644
--- a/ui/components/app/advanced-gas-controls/advanced-gas-controls-row.component.js
+++ b/ui/components/app/advanced-gas-controls/advanced-gas-controls-row.component.js
@@ -16,6 +16,7 @@ import InfoTooltip from '../../ui/info-tooltip/info-tooltip';
export default function AdvancedGasControlsRow({
titleText,
+ titleUnit,
tooltipText,
titleDetailText,
error,
@@ -39,7 +40,14 @@ export default function AdvancedGasControlsRow({
>
{titleText}
-
+
+ {titleUnit}
+
{titleDetailText && (
@@ -70,6 +78,7 @@ export default function AdvancedGasControlsRow({
AdvancedGasControlsRow.propTypes = {
titleText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ titleUnit: PropTypes.string,
tooltipText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
titleDetailText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
error: PropTypes.string,
@@ -79,6 +88,7 @@ AdvancedGasControlsRow.propTypes = {
AdvancedGasControlsRow.defaultProps = {
titleText: '',
+ titleUnit: '',
tooltipText: '',
titleDetailText: '',
error: '',
diff --git a/ui/components/app/advanced-gas-controls/advanced-gas-controls.component.js b/ui/components/app/advanced-gas-controls/advanced-gas-controls.component.js
index 5ba93e06c..ffd45cc2c 100644
--- a/ui/components/app/advanced-gas-controls/advanced-gas-controls.component.js
+++ b/ui/components/app/advanced-gas-controls/advanced-gas-controls.component.js
@@ -32,6 +32,7 @@ export default function AdvancedGasControls() {
<>