chore: use translation constant and adjust margin

Author: georgewrmarshall

ui/pages/confirmations/components/edit-gas-fee-popover/edit-gas-fee-popover.js

@@ -13,6 +13,7 @@ import {
   TextColor,
   TextVariant,
 } from '../../../../helpers/constants/design-system';
+import { INSUFFICIENT_FUNDS_ERROR_KEY } from '../../../../helpers/constants/error-keys';
 import { useGasFeeContext } from '../../../../contexts/gasFee';
 import AppLoadingSpinner from '../../../../components/app/app-loading-spinner';
 import ZENDESK_URLS from '../../../../helpers/constants/zendesk-url';
@@ -59,8 +60,8 @@ const EditGasFeePopover = () => {
               {balanceError && (
                 <BannerAlert
                   severity={BannerAlertSeverity.Danger}
-                  description={t('insufficientFunds')}
-                  marginBottom={6}
+                  description={t(INSUFFICIENT_FUNDS_ERROR_KEY)}
+                  marginBottom={1}
                 />
               )}
               <div className="edit-gas-fee-popover__content__header">