diff --git a/.changeset/famous-forks-build.md b/.changeset/famous-forks-build.md
new file mode 100644
index 0000000000..769d31bf7e
--- /dev/null
+++ b/.changeset/famous-forks-build.md
@@ -0,0 +1,5 @@
+---
+"caravan-coordinator": patch
+---
+
+Feat: add func to edit fees in manual mode
diff --git a/apps/coordinator/e2e/pages/SendTab.ts b/apps/coordinator/e2e/pages/SendTab.ts
index 5cb37c9c36..3b2584f7ed 100644
--- a/apps/coordinator/e2e/pages/SendTab.ts
+++ b/apps/coordinator/e2e/pages/SendTab.ts
@@ -78,12 +78,12 @@ export class SendTab {
   }
 
   async addChangeOutput() {
-    await this.page.getByTestId("AddIcon").click();
+    await this.page.getByRole("button", { name: "Add output" }).click();
     await this.page
       .getByLabel("Set to wallet change address")
       .getByRole("button")
       .click();
-    await this.page.getByTestId("AddCircleIcon").click();
+    await this.page.getByTestId("rebalance-button").click();
   }
 
   async previewTransaction() {
diff --git a/apps/coordinator/src/components/ScriptExplorer/OutputEntry.jsx b/apps/coordinator/src/components/ScriptExplorer/OutputEntry.jsx
index 56fb1ed37c..127d0ba1b4 100644
--- a/apps/coordinator/src/components/ScriptExplorer/OutputEntry.jsx
+++ b/apps/coordinator/src/components/ScriptExplorer/OutputEntry.jsx
@@ -15,6 +15,8 @@ import {
   InputAdornment,
   FormHelperText,
   Typography,
+  Box,
+  Button,
 } from "@mui/material";
 import AccountBalanceWalletOutlinedIcon from "@mui/icons-material/AccountBalanceWallet";
 import { Delete, AddCircle, RemoveCircle } from "@mui/icons-material";
@@ -133,12 +135,14 @@ class OutputEntry extends React.Component {
     }
     const newAmount = this.autoBalancedAmount();
     if (
+      !BigNumber.isBigNumber(newAmount) ||
+      newAmount.isNaN() ||
       validateOutputAmount(bitcoinsToSatoshis(newAmount), inputsTotalSats) !==
-      ""
+        ""
     ) {
       return true;
     }
-    return amountError === "" && newAmount === new BigNumber(amount);
+    return amountError === "" && newAmount.isEqualTo(new BigNumber(amount));
   };
 
   isBalanceable = () => !this.isNotBalanceable();
@@ -152,15 +156,17 @@ class OutputEntry extends React.Component {
     const { number, fee, inputsTotalSats, outputs } = this.props;
     const outputTotalSats = outputs
       .filter((output, i) => i !== number - 1)
-      .map((output) => output.amountSats)
+      .map((output) => new BigNumber(output.amountSats || 0))
       .reduce(
         (accumulator, currentValue) => accumulator.plus(currentValue),
         new BigNumber(0),
       );
     const feeSats = bitcoinsToSatoshis(new BigNumber(fee));
-    return satoshisToBitcoins(
+    const result = satoshisToBitcoins(
       inputsTotalSats.minus(outputTotalSats.plus(feeSats)),
     );
+    // Guarantee we always return a BigNumber so .toFixed() never crashes
+    return BigNumber.isBigNumber(result) ? result : new BigNumber(result || 0);
   };
 
   balanceAction = () => {
@@ -210,10 +216,18 @@ class OutputEntry extends React.Component {
     } = this.props;
 
     const gridSpacing = isWallet ? 10 : 1;
+    // Only show the rebalance button on the change output when one is set,
+    // not on recipient outputs.
+    const isChangeOutput =
+      changeOutputIndex > 0 && number === changeOutputIndex;
+    const showRebalance =
+      this.displayBalanceAction() &&
+      this.balanceAction() !== null &&
+      (changeOutputIndex === 0 || isChangeOutput);
 
     return (
-      <Grid container spacing={gridSpacing}>
-        <Grid item xs={7}>
+      <Grid container spacing={gridSpacing} alignItems="flex-start">
+        <Grid item xs={6}>
           <TextField
             fullWidth
             placeholder="Address"
@@ -266,35 +280,61 @@ class OutputEntry extends React.Component {
             }}
           />
         </Grid>
-        {this.displayBalanceAction() && (
-          <Grid item xs={1}>
-            <Tooltip
-              title={`${this.balanceAction()} to ${this.autoBalancedAmount().toString()}`}
-              placement="top"
-            >
-              <small>
-                <IconButton onClick={this.handleBalance}>
-                  {this.balanceAction() === "Increase" ? (
+        <Grid item xs={2} sx={{ minHeight: 64 }}>
+          {showRebalance && (
+            <Box>
+              <Button
+                data-testid="rebalance-button"
+                variant="outlined"
+                color="primary"
+                size="small"
+                onClick={this.handleBalance}
+                startIcon={
+                  this.balanceAction() === "Increase" ? (
                     <AddCircle />
                   ) : (
                     <RemoveCircle />
-                  )}
-                </IconButton>
-              </small>
-            </Tooltip>
-          </Grid>
-        )}
+                  )
+                }
+                sx={{
+                  textTransform: "none",
+                  fontSize: "0.75rem",
+                  whiteSpace: "nowrap",
+                  minWidth: "auto",
+                }}
+              >
+                Rebalance
+              </Button>
+              <Typography
+                variant="caption"
+                color="textSecondary"
+                noWrap
+                sx={{
+                  display: "block",
+                  mt: 0.5,
+                  fontSize: "0.65rem",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                }}
+                title={`${this.balanceAction()} to ${this.autoBalancedAmount().toFixed(8)} BTC`}
+              >
+                {this.balanceAction()} to {this.autoBalancedAmount().toFixed(8)}{" "}
+                BTC
+              </Typography>
+            </Box>
+          )}
+        </Grid>
 
-        {!finalizedOutputs &&
-          outputs.length > (changeOutputIndex > 0 && autoSpend ? 2 : 1) && (
-            <Grid item xs={1}>
+        <Grid item xs={1}>
+          {!finalizedOutputs &&
+            outputs.length > (changeOutputIndex > 0 && autoSpend ? 2 : 1) && (
               <Tooltip title="Remove Output" placement="top">
                 <IconButton onClick={this.handleDelete}>
                   <Delete />
                 </IconButton>
               </Tooltip>
-            </Grid>
-          )}
+            )}
+        </Grid>
       </Grid>
     );
   }
diff --git a/apps/coordinator/src/components/ScriptExplorer/OutputsForm.jsx b/apps/coordinator/src/components/ScriptExplorer/OutputsForm.jsx
index 3bcabfb828..911c146ff7 100644
--- a/apps/coordinator/src/components/ScriptExplorer/OutputsForm.jsx
+++ b/apps/coordinator/src/components/ScriptExplorer/OutputsForm.jsx
@@ -14,6 +14,9 @@ import {
   InputAdornment,
   Typography,
   FormHelperText,
+  Paper,
+  Divider,
+  Chip,
 } from "@mui/material";
 import { Speed } from "@mui/icons-material";
 import AddIcon from "@mui/icons-material/Add";
@@ -154,19 +157,31 @@ class OutputsForm extends React.Component {
   handleFeeRateChange = (event) => {
     const { setFeeRate } = this.props;
     let rate = event.target.value;
+    // Limit to 2 decimal places in the input
+    if (rate.includes(".")) {
+      const parts = rate.split(".");
+      if (parts[1] && parts[1].length > 2) return; // Don't accept more than 2 decimals
+    }
 
-    if (
-      rate === "" ||
-      Number.isNaN(parseFloat(rate, 10)) ||
-      parseFloat(rate, 10) < 1
-    )
-      rate = "0";
-    setFeeRate(rate);
+    setFeeRate(rate === "" ? "0" : rate); // Reducer handles fee calculation and validation
   };
 
   handleFeeChange = (event) => {
     const { setFee } = this.props;
     setFee(event.target.value);
+    // That's it. Reducer handles rate back-calculation.
+  };
+
+  // Bump fee by 1 satoshi
+  handleFeeBump = () => {
+    const { fee, setFee } = this.props;
+    try {
+      const currentSats = new BigNumber(bitcoinsToSatoshis(fee || 0));
+      const bumped = currentSats.plus(1);
+      setFee(satoshisToBitcoins(bumped.toFixed(8)));
+    } catch (e) {
+      // If current fee is unparseable, ignore
+    }
   };
 
   handleFinalize = () => {
@@ -235,190 +250,466 @@ class OutputsForm extends React.Component {
     const {
       feeRate,
       fee,
+      feeError,
       finalizedOutputs,
       feeRateError,
-      feeError,
       balanceError,
       inputs,
       isWallet,
       autoSpend,
     } = this.props;
     const { feeRateFetchError } = this.state;
-    const feeDisplay = inputs && inputs.length > 0 ? fee : "0.0000";
-    const feeMt = 3;
-    const totalMt = 7;
-    const actionMt = 7;
+
+    const hasInputs = inputs.length > 0;
+    const canEditFee = !autoSpend && hasInputs;
     const gridSpacing = isWallet ? 10 : 1;
+    const isManual = !autoSpend;
+
     return (
       <>
         <Box ref={this.titleRef}>
-          <Grid container spacing={gridSpacing}>
-            <Grid item xs={4}>
-              <Typography variant="caption" className={styles.outputsFormLabel}>
-                To
-              </Typography>
-            </Grid>
-            <Grid item xs={3}>
-              &nbsp;
-            </Grid>
-            <Grid item xs={3}>
-              <Typography variant="caption" className={styles.outputsFormLabel}>
-                Amount
-              </Typography>
-            </Grid>
-          </Grid>
-
-          <Grid>{this.renderOutputs()}</Grid>
-
-          <Grid item container spacing={gridSpacing}>
-            <Grid item xs={12}>
-              <Button
-                color="primary"
-                disabled={finalizedOutputs}
-                onClick={this.handleAddOutput}
-              >
-                <AddIcon /> Add output
-              </Button>
-            </Grid>
-          </Grid>
-          <Grid item container spacing={gridSpacing}>
-            <Grid item xs={3}>
-              <Box mt={feeMt}>
+          {/* ── Outputs ── */}
+          <Box mb={2}>
+            <Grid container spacing={gridSpacing}>
+              <Grid item xs={6}>
                 <Typography
                   variant="caption"
                   className={styles.outputsFormLabel}
+                  sx={{ fontWeight: 600, letterSpacing: 0.5 }}
                 >
-                  Fee Rate
+                  RECIPIENT
                 </Typography>
-                <TextField
-                  fullWidth
-                  value={feeRate}
-                  variant="standard"
-                  type="number"
-                  minimum={0}
-                  step={1}
-                  name="fee_rate"
-                  disabled={finalizedOutputs}
-                  onChange={this.handleFeeRateChange}
-                  error={this.hasFeeRateError()}
-                  helperText={feeRateFetchError || feeRateError}
-                  InputProps={{
-                    endAdornment: (
-                      <InputAdornment position="end">
-                        <Tooltip placement="top" title="Estimate best rate">
-                          <small>
-                            <IconButton
-                              onClick={this.getFeeEstimate}
-                              disabled={finalizedOutputs}
-                            >
-                              <Speed />
-                            </IconButton>
-                          </small>
-                        </Tooltip>
-                        <FormHelperText>Sats/byte</FormHelperText>
-                      </InputAdornment>
-                    ),
-                  }}
-                />
-              </Box>
-              <Typography variant="caption" className={styles.outputsFormLabel}>
-                Refer to mempool monitoring websites to ensure your selected fee
-                rate is appropriate.
-              </Typography>
+              </Grid>
+              <Grid item xs={3}>
+                <Typography
+                  variant="caption"
+                  className={styles.outputsFormLabel}
+                  sx={{ fontWeight: 600, letterSpacing: 0.5 }}
+                >
+                  AMOUNT
+                </Typography>
+              </Grid>
             </Grid>
 
-            <Grid item xs={4}>
-              <Box mt={feeMt}>&nbsp;</Box>
-            </Grid>
-            {!isWallet || (isWallet && !autoSpend) ? (
-              <Grid item xs={3}>
-                <Box mt={feeMt}>
+            {this.renderOutputs()}
+
+            <Button
+              color="primary"
+              disabled={finalizedOutputs}
+              onClick={this.handleAddOutput}
+              size="small"
+              sx={{ mt: 1 }}
+            >
+              <AddIcon fontSize="small" sx={{ mr: 0.5 }} /> Add output
+            </Button>
+          </Box>
+
+          {autoSpend ? (
+            /* Auto Spend Mode */
+            <Box mt={1} mb={2}>
+              <Divider sx={{ mb: 2 }} />
+              <Grid container spacing={2} alignItems="center">
+                <Grid item xs="auto">
                   <Typography
-                    variant="caption"
-                    className={styles.outputsFormLabel}
+                    variant="body2"
+                    color="text.secondary"
+                    sx={{ fontWeight: 500, whiteSpace: "nowrap" }}
                   >
-                    Estimated Fees
+                    Fee rate
                   </Typography>
+                </Grid>
+                <Grid item xs={4} sm={3}>
                   <TextField
                     fullWidth
-                    name="fee_total"
+                    value={feeRate}
+                    variant="outlined"
+                    size="small"
+                    type="number"
+                    inputProps={{ min: 0, step: 1 }}
+                    name="fee_rate"
                     disabled={finalizedOutputs}
-                    value={feeDisplay}
-                    variant="standard"
-                    onChange={this.handleFeeChange}
-                    error={this.hasFeeError()}
-                    helperText={feeError}
-                    InputProps={OutputsForm.unitLabel("BTC", {
-                      readOnly: true,
-                      disableUnderline: true,
-                      style: { color: "gray" },
-                    })}
+                    onChange={this.handleFeeRateChange}
+                    error={this.hasFeeRateError()}
+                    InputProps={{
+                      endAdornment: (
+                        <InputAdornment position="end">
+                          <Tooltip
+                            placement="top"
+                            title="Fetch recommended rate"
+                          >
+                            <span>
+                              <IconButton
+                                onClick={this.getFeeEstimate}
+                                disabled={finalizedOutputs}
+                                size="small"
+                                color="primary"
+                              >
+                                <Speed fontSize="small" />
+                              </IconButton>
+                            </span>
+                          </Tooltip>
+                        </InputAdornment>
+                      ),
+                    }}
                   />
-                </Box>
+                </Grid>
+                <Grid item xs="auto">
+                  <Typography variant="caption" color="text.secondary">
+                    sats/vB
+                  </Typography>
+                </Grid>
+                <Grid item xs>
+                  <Typography variant="caption" color="text.secondary">
+                    ·{" "}
+                    <a
+                      href="https://mempool.space"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      style={{ color: "inherit", textDecoration: "underline" }}
+                    >
+                      mempool.space
+                    </a>
+                  </Typography>
+                </Grid>
               </Grid>
-            ) : (
-              ""
-            )}
-
-            <Grid item xs={2} />
-          </Grid>
-
-          <Grid item container spacing={gridSpacing}>
-            <Grid item xs={4}>
-              <Box mt={totalMt}>
-                <Typography variant="h6">
-                  {!isWallet || (isWallet && !autoSpend)
-                    ? "Totals"
-                    : "Output Total"}
+              {(feeRateFetchError || feeRateError) && (
+                <Typography
+                  variant="caption"
+                  color="error"
+                  sx={{ display: "block", mt: 0.5 }}
+                >
+                  {feeRateFetchError || feeRateError}
                 </Typography>
-              </Box>
-            </Grid>
-            <Grid item xs={3}>
-              <Box
-                display={
-                  !isWallet || (isWallet && !autoSpend) ? "block" : "none"
-                }
-                mt={totalMt}
+              )}
+            </Box>
+          ) : (
+            /* Manual Spend Mode */
+            <>
+              <Divider sx={{ my: 3 }} />
+              <Paper
+                variant="outlined"
+                sx={{
+                  p: 2.5,
+                  borderColor: "divider",
+                  borderRadius: 2,
+                  backgroundColor: "action.hover",
+                }}
               >
-                <TextField
-                  fullWidth
-                  label="Inputs Total"
-                  readOnly
-                  value={this.inputsTotal()}
-                  variant="standard"
-                  disabled={finalizedOutputs}
-                  InputProps={OutputsForm.unitLabel("BTC", { readOnly: true })}
-                />
-              </Box>
-            </Grid>
-            <Grid item xs={3}>
-              <Box mt={totalMt}>
-                <TextField
-                  fullWidth
-                  label={
-                    !isWallet || (isWallet && !autoSpend)
-                      ? "Outputs & Fee Total"
-                      : ""
-                  }
-                  value={this.outputsAndFeeTotal()}
-                  variant="standard"
-                  error={this.hasBalanceError()}
-                  disabled={finalizedOutputs}
-                  helperText={balanceError}
-                  InputProps={OutputsForm.unitLabel("BTC", {
-                    readOnly: true,
-                    disableUnderline: true,
-                  })}
-                />
+                <Typography
+                  variant="subtitle2"
+                  sx={{
+                    fontWeight: 600,
+                    mb: 2,
+                    letterSpacing: 0.5,
+                    textTransform: "uppercase",
+                    fontSize: "0.75rem",
+                    color: "text.secondary",
+                  }}
+                >
+                  Transaction Fee
+                </Typography>
+
+                <Grid container spacing={3} alignItems="flex-start">
+                  {/* Fee Rate */}
+                  <Grid item xs={12} sm={5}>
+                    <Typography
+                      variant="caption"
+                      color="text.secondary"
+                      sx={{ display: "block", mb: 0.5, fontWeight: 500 }}
+                    >
+                      Fee Rate
+                    </Typography>
+                    <TextField
+                      fullWidth
+                      value={feeRate}
+                      variant="outlined"
+                      size="small"
+                      type="number"
+                      inputProps={{ min: 0, step: 1 }}
+                      name="fee_rate"
+                      disabled={finalizedOutputs}
+                      onChange={this.handleFeeRateChange}
+                      error={this.hasFeeRateError()}
+                      helperText={feeRateFetchError || feeRateError}
+                      InputProps={{
+                        endAdornment: (
+                          <InputAdornment position="end">
+                            <Tooltip
+                              placement="top"
+                              title="Fetch recommended rate"
+                            >
+                              <span>
+                                <IconButton
+                                  onClick={this.getFeeEstimate}
+                                  disabled={finalizedOutputs}
+                                  size="small"
+                                  color="primary"
+                                >
+                                  <Speed fontSize="small" />
+                                </IconButton>
+                              </span>
+                            </Tooltip>
+                            <Typography
+                              variant="caption"
+                              color="text.secondary"
+                              sx={{ ml: 0.5, whiteSpace: "nowrap" }}
+                            >
+                              sats/vB
+                            </Typography>
+                          </InputAdornment>
+                        ),
+                      }}
+                    />
+                    <Typography
+                      variant="caption"
+                      color="text.secondary"
+                      sx={{ display: "block", mt: 0.5 }}
+                    >
+                      Check{" "}
+                      <a
+                        href="https://mempool.space"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        style={{
+                          color: "inherit",
+                          textDecoration: "underline",
+                        }}
+                      >
+                        mempool.space
+                      </a>{" "}
+                      for current rates
+                    </Typography>
+                  </Grid>
+
+                  {/* Fee Amount */}
+                  <Grid item xs={12} sm={5}>
+                    <Typography
+                      variant="caption"
+                      color="text.secondary"
+                      sx={{ display: "block", mb: 0.5, fontWeight: 500 }}
+                    >
+                      Fee Amount
+                    </Typography>
+                    <TextField
+                      fullWidth
+                      name="fee_total"
+                      disabled={finalizedOutputs || !canEditFee}
+                      value={fee || ""}
+                      variant="outlined"
+                      size="small"
+                      type="text"
+                      onChange={this.handleFeeChange}
+                      error={this.hasFeeError()}
+                      helperText={feeError || ""}
+                      InputProps={{
+                        readOnly: !canEditFee,
+                        endAdornment: (
+                          <InputAdornment position="end">
+                            {canEditFee && !finalizedOutputs && (
+                              <Tooltip
+                                title="Bump fee by +1 satoshi"
+                                placement="top"
+                              >
+                                <span>
+                                  <IconButton
+                                    onClick={this.handleFeeBump}
+                                    size="small"
+                                    color="primary"
+                                    sx={{ mr: 0.5 }}
+                                  >
+                                    <AddIcon fontSize="small" />
+                                  </IconButton>
+                                </span>
+                              </Tooltip>
+                            )}
+                            <Typography
+                              variant="caption"
+                              color="text.secondary"
+                              sx={{ whiteSpace: "nowrap" }}
+                            >
+                              BTC
+                            </Typography>
+                          </InputAdornment>
+                        ),
+                        sx: {
+                          backgroundColor: canEditFee
+                            ? "background.paper"
+                            : "transparent",
+                          "& .MuiOutlinedInput-notchedOutline": {
+                            borderStyle: canEditFee ? "solid" : "dashed",
+                          },
+                        },
+                      }}
+                    />
+                    {!hasInputs && (
+                      <Typography
+                        variant="caption"
+                        color="text.secondary"
+                        sx={{
+                          display: "block",
+                          mt: 0.5,
+                          fontStyle: "italic",
+                        }}
+                      >
+                        Select inputs to edit fee directly
+                      </Typography>
+                    )}
+                    {canEditFee && (
+                      <Typography
+                        variant="caption"
+                        color="text.secondary"
+                        sx={{ display: "block", mt: 0.5 }}
+                      >
+                        Edit to set exact fee — rate updates automatically
+                      </Typography>
+                    )}
+                  </Grid>
+
+                  <Grid item xs={12} sm={2} />
+                </Grid>
+              </Paper>
+            </>
+          )}
+
+          {/* ── Totals ── */}
+          {isManual && (
+            <Paper
+              variant="outlined"
+              sx={{
+                mt: 3,
+                p: 2.5,
+                borderColor: "divider",
+                borderRadius: 2,
+              }}
+            >
+              <Typography
+                variant="subtitle2"
+                sx={{
+                  fontWeight: 600,
+                  mb: 2,
+                  letterSpacing: 0.5,
+                  textTransform: "uppercase",
+                  fontSize: "0.75rem",
+                  color: "text.secondary",
+                }}
+              >
+                Transaction Summary
+              </Typography>
+
+              <Grid container spacing={3} alignItems="center">
+                {(!isWallet || (isWallet && isManual)) && (
+                  <Grid item xs={12} sm={4}>
+                    <Typography
+                      variant="caption"
+                      color="text.secondary"
+                      sx={{ display: "block", mb: 0.5, fontWeight: 500 }}
+                    >
+                      Inputs Total
+                    </Typography>
+                    <Box display="flex" alignItems="baseline" gap={0.5}>
+                      <Typography
+                        variant="h6"
+                        sx={{ fontFamily: "monospace", fontWeight: 600 }}
+                      >
+                        {this.inputsTotal().toString()}
+                      </Typography>
+                      <Typography variant="caption" color="text.secondary">
+                        BTC
+                      </Typography>
+                    </Box>
+                  </Grid>
+                )}
+
+                <Grid item xs={12} sm={4}>
+                  <Typography
+                    variant="caption"
+                    color="text.secondary"
+                    sx={{ display: "block", mb: 0.5, fontWeight: 500 }}
+                  >
+                    Outputs + Fee
+                  </Typography>
+                  <Box display="flex" alignItems="baseline" gap={0.5}>
+                    <Typography
+                      variant="h6"
+                      sx={{
+                        fontFamily: "monospace",
+                        fontWeight: 600,
+                        color: this.hasBalanceError()
+                          ? "error.main"
+                          : "text.primary",
+                      }}
+                    >
+                      {this.outputsAndFeeTotal()}
+                    </Typography>
+                    <Typography variant="caption" color="text.secondary">
+                      BTC
+                    </Typography>
+                  </Box>
+                  {balanceError && (
+                    <Typography
+                      variant="caption"
+                      color="error"
+                      sx={{ display: "block", mt: 0.5 }}
+                    >
+                      {balanceError}
+                    </Typography>
+                  )}
+                </Grid>
+
+                {hasInputs && !this.hasBalanceError() && (
+                  <Grid item xs={12} sm={4}>
+                    <Chip
+                      label="Balanced ✓"
+                      color="success"
+                      size="small"
+                      variant="outlined"
+                      sx={{ fontWeight: 500 }}
+                    />
+                  </Grid>
+                )}
+              </Grid>
+            </Paper>
+          )}
+
+          {/* Auto mode — simple output total inline */}
+          {autoSpend && (
+            <Box mt={2}>
+              <Divider sx={{ mb: 2 }} />
+              <Box display="flex" alignItems="baseline" gap={1}>
+                <Typography
+                  variant="body2"
+                  color="text.secondary"
+                  sx={{ fontWeight: 500 }}
+                >
+                  Sending
+                </Typography>
+                <Typography
+                  variant="h6"
+                  sx={{ fontFamily: "monospace", fontWeight: 600 }}
+                >
+                  {this.outputsAndFeeTotal()}
+                </Typography>
+                <Typography variant="caption" color="text.secondary">
+                  BTC
+                </Typography>
               </Box>
-            </Grid>
-            <Grid item xs={2} />
-          </Grid>
+              {balanceError && (
+                <Typography
+                  variant="caption"
+                  color="error"
+                  sx={{ mt: 0.5, display: "block" }}
+                >
+                  {balanceError}
+                </Typography>
+              )}
+            </Box>
+          )}
         </Box>
 
+        {/* ── Action Buttons (Script Explorer) ── */}
         {!isWallet && (
-          <Box mt={actionMt}>
-            <Grid container spacing={3} justifyContent="center">
+          <Box mt={4}>
+            <Grid container spacing={2} justifyContent="center">
               <Grid item>
                 <Button
                   variant="contained"
@@ -429,10 +720,9 @@ class OutputsForm extends React.Component {
                   Gather Signatures
                 </Button>
               </Grid>
-
               <Grid item>
                 <Button
-                  variant="contained"
+                  variant="outlined"
                   color="secondary"
                   disabled={finalizedOutputs}
                   onClick={this.handleReset}
@@ -488,6 +778,9 @@ OutputsForm.propTypes = {
   signatureImporters: PropTypes.shape({}).isRequired,
   updatesComplete: PropTypes.bool,
   getBlockchainClient: PropTypes.func.isRequired,
+  addressType: PropTypes.string.isRequired,
+  requiredSigners: PropTypes.number.isRequired,
+  totalSigners: PropTypes.number.isRequired,
 };
 
 OutputsForm.defaultProps = {
@@ -498,6 +791,9 @@ function mapStateToProps(state) {
   return {
     ...{
       network: state.settings.network,
+      addressType: state.settings.addressType,
+      requiredSigners: state.settings.requiredSigners,
+      totalSigners: state.settings.totalSigners,
       client: state.client,
     },
     ...state.spend.transaction,
diff --git a/apps/coordinator/src/reducers/transactionReducer.js b/apps/coordinator/src/reducers/transactionReducer.js
index cda46aa0e5..9d2d53665a 100644
--- a/apps/coordinator/src/reducers/transactionReducer.js
+++ b/apps/coordinator/src/reducers/transactionReducer.js
@@ -12,6 +12,7 @@ import {
   getFeeErrorMessage,
   FeeValidationError,
   unsignedMultisigTransaction,
+  estimateMultisigTransactionFeeRate,
   getAddressType,
 } from "@caravan/bitcoin";
 import {
@@ -92,6 +93,7 @@ export const initialState = () => ({
   feeRateError: "",
   fee: "",
   feeError: "",
+  lastEditedFeeField: "rate", // telling user last edited which field fees or feeRate
   finalizedOutputs: false,
   txid: "",
   balanceError: "",
@@ -168,7 +170,17 @@ function deleteOutput(state, action) {
 }
 
 function updateFeeRate(state, action) {
-  const feeRateString = action.value;
+  let feeRateString = action.value;
+
+  // Round to 2 decimal places
+  if (
+    feeRateString &&
+    feeRateString !== "" &&
+    !Number.isNaN(parseFloat(feeRateString))
+  ) {
+    const parsed = parseFloat(feeRateString);
+    feeRateString = String(Math.round((parsed + Number.EPSILON) * 100) / 100);
+  }
 
   // Gets the error type. Useful for conditionally displaying errors.
   const feeRateError = checkFeeRateError(feeRateString);
@@ -192,18 +204,59 @@ function updateFeeRate(state, action) {
     feeRateError: feeRateErrorMessage,
     fee,
     feeError: "",
+    lastEditedFeeField: "rate",
   });
 }
 
 function updateFee(state, action) {
   const feeString = action.value;
-  const feeSats = bitcoinsToSatoshis(feeString);
+  // Safely convert — intermediate typing like "" or "0." must not crash.
+  // bitcoinsToSatoshis returns a string, so wrap it back in BigNumber so
+  // the guards below (isGreaterThan, isNaN) actually behave like numbers.
+  let feeSats;
+  try {
+    const parsed = new BigNumber(feeString);
+    feeSats = parsed.isNaN()
+      ? new BigNumber(0)
+      : new BigNumber(bitcoinsToSatoshis(parsed));
+  } catch (e) {
+    feeSats = new BigNumber(0);
+  }
+
   const feeError = validateFee(feeSats, state.inputsTotalSats);
 
+  // Back-calculate effective fee rate whenever we have a positive fee and
+  // a known input set. Recompute even when validateFee surfaced a
+  // non-fatal error (e.g. fee too high) so the rate field always reflects
+  // the typed amount instead of going stale.
+  let feeRate = state.feeRate;
+  let feeRateError = "";
+  if (
+    state.inputs.length > 0 &&
+    BigNumber.isBigNumber(feeSats) &&
+    !feeSats.isNaN() &&
+    feeSats.isGreaterThan(0)
+  ) {
+    const estimatedRate = estimateMultisigTransactionFeeRate({
+      addressType: state.addressType,
+      numInputs: state.inputs.length,
+      numOutputs: state.outputs.length,
+      m: state.requiredSigners,
+      n: state.totalSigners,
+      feesInSatoshis: feeSats,
+    });
+    const parsedRate = parseFloat(estimatedRate);
+    if (estimatedRate && parsedRate > 0) {
+      feeRate = String(Math.round((parsedRate + Number.EPSILON) * 100) / 100);
+    }
+  }
+
   return updateState(state, {
     fee: feeString,
     feeError,
-    feeRateError: "",
+    feeRate,
+    feeRateError,
+    lastEditedFeeField: "amount",
   });
 }
 
diff --git a/apps/coordinator/src/reducers/transactionReducer.test.js b/apps/coordinator/src/reducers/transactionReducer.test.js
index 82f96610e6..5871655ea8 100644
--- a/apps/coordinator/src/reducers/transactionReducer.test.js
+++ b/apps/coordinator/src/reducers/transactionReducer.test.js
@@ -366,4 +366,68 @@ describe("Test transactionReducer", () => {
       expect(r.txid).toEqual(txid);
     });
   });
+
+  describe("Test SET_FEE action with rate back-calculation", () => {
+    it("should set fee and back-calculate effective fee rate", () => {
+      const r = reducer(
+        {
+          ...initialState(),
+          inputs: [{}],
+          outputs: [{}],
+          addressType: P2WSH,
+          requiredSigners: 2,
+          totalSigners: 3,
+          inputsTotalSats: new BigNumber(929572),
+          feeRate: "5",
+        },
+        {
+          type: SET_FEE,
+          value: "0.00000504",
+        },
+      );
+      expect(r.fee).toEqual("0.00000504");
+      // Rate should be back-calculated, not still "5"
+      expect(parseFloat(r.feeRate)).toBeGreaterThan(0);
+      expect(r.lastEditedFeeField).toEqual("amount");
+    });
+
+    it("user scenario: 1 input 6.25 BTC, 2 outputs, fee 0.001 BTC should bump rate well above 1", () => {
+      const r = reducer(
+        {
+          ...initialState(),
+          inputs: [{}],
+          outputs: [{}, {}],
+          addressType: P2WSH,
+          requiredSigners: 2,
+          totalSigners: 3,
+          inputsTotalSats: new BigNumber(625000000),
+          feeRate: "1",
+        },
+        {
+          type: SET_FEE,
+          value: "0.001",
+        },
+      );
+      expect(r.fee).toEqual("0.001");
+      expect(r.feeError).toEqual("");
+      expect(parseFloat(r.feeRate)).toBeGreaterThan(100);
+    });
+
+    it("should not change fee rate when no inputs exist", () => {
+      const r = reducer(
+        {
+          ...initialState(),
+          inputs: [],
+          outputs: [{}],
+          feeRate: "5",
+        },
+        {
+          type: SET_FEE,
+          value: "0.00000504",
+        },
+      );
+      expect(r.fee).toEqual("0.00000504");
+      expect(r.feeRate).toEqual("5"); // Unchanged
+    });
+  });
 });