diff --git a/src/components/organisms/AdminMessagingOverview/AdminMessagingOverview.tsx b/src/components/organisms/AdminMessagingOverview/AdminMessagingOverview.tsx
index 53031e15..f7dce3e4 100644
--- a/src/components/organisms/AdminMessagingOverview/AdminMessagingOverview.tsx
+++ b/src/components/organisms/AdminMessagingOverview/AdminMessagingOverview.tsx
@@ -169,33 +169,42 @@ export function AdminMessagingOverview({
           />
 
           <h3 className="mb-2 text-lg font-semibold">Top Senders</h3>
+          {/* See AdminPaymentPanel: the well needs a padded parent around the
+              scroller, not on it (#430). The comment lives ABOVE the ternary —
+              a `{comment}` between `? (` and its element is two root nodes and a
+              syntax error, which is exactly what it was a moment ago. */}
           {(trends.top_senders ?? []).length > 0 ? (
-            <div className="overflow-x-auto">
-              <table className="table-sm table" data-testid="top-senders-table">
-                <thead>
-                  <tr>
-                    <th>User</th>
-                    <th className="text-right">Messages</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {(trends.top_senders ?? []).map((s) => (
-                    <tr key={s.user_id}>
-                      <td>
-                        <div className="font-medium">
-                          {s.display_name ?? s.username ?? 'N/A'}
-                        </div>
-                        {s.username && s.display_name && (
-                          <div className="text-base-content text-xs">
-                            @{s.username}
-                          </div>
-                        )}
-                      </td>
-                      <td className="text-right font-mono">{s.messages}</td>
+            <div className="sh-well rounded-lg p-2">
+              <div className="overflow-x-auto">
+                <table
+                  className="table-sm table"
+                  data-testid="top-senders-table"
+                >
+                  <thead>
+                    <tr>
+                      <th>User</th>
+                      <th className="text-right">Messages</th>
                     </tr>
-                  ))}
-                </tbody>
-              </table>
+                  </thead>
+                  <tbody>
+                    {(trends.top_senders ?? []).map((s) => (
+                      <tr key={s.user_id}>
+                        <td>
+                          <div className="font-medium">
+                            {s.display_name ?? s.username ?? 'N/A'}
+                          </div>
+                          {s.username && s.display_name && (
+                            <div className="text-base-content text-xs">
+                              @{s.username}
+                            </div>
+                          )}
+                        </td>
+                        <td className="text-right font-mono">{s.messages}</td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
             </div>
           ) : (
             <p
diff --git a/src/components/organisms/AdminPaymentPanel/AdminPaymentPanel.tsx b/src/components/organisms/AdminPaymentPanel/AdminPaymentPanel.tsx
index d8e47d60..10ddb710 100644
--- a/src/components/organisms/AdminPaymentPanel/AdminPaymentPanel.tsx
+++ b/src/components/organisms/AdminPaymentPanel/AdminPaymentPanel.tsx
@@ -213,52 +213,55 @@ export function AdminPaymentPanel({
             testId="payment-trend-chart"
           />
 
-          <div className="overflow-x-auto">
-            <table className="table">
-              <thead>
-                <tr>
-                  <th>Provider</th>
-                  <th>Succeeded</th>
-                  <th>Failed</th>
-                  <th>Refunded</th>
-                  <th>Revenue</th>
-                  <th>Health</th>
-                </tr>
-              </thead>
-              <tbody>
-                {(trends.provider_breakdown ?? []).map((p) => {
-                  const flagged = failureShare(p) > FAILURE_FLAG_THRESHOLD;
-                  return (
-                    <tr key={p.provider}>
-                      <td className="font-medium">{p.provider}</td>
-                      <td>{p.succeeded}</td>
-                      <td>{p.failed}</td>
-                      <td>{p.refunded}</td>
-                      <td>{formatCents(p.revenue_cents)}</td>
-                      <td>
-                        {flagged ? (
-                          <span className="badge badge-error">
-                            Elevated failures
-                          </span>
-                        ) : (
-                          <span className="badge badge-success">OK</span>
-                        )}
-                      </td>
-                    </tr>
-                  );
-                })}
-                {(trends.provider_breakdown ?? []).length === 0 && (
+          {/* The scroller is WRAPPED, not replaced (#430). `sh-well` paints an
+              inset shadow BELOW its children, so it needs a padded parent — put it
+              on the `overflow-x-auto` div itself and the shadow is clipped by the
+              scroller and hidden under the table. */}
+          <div className="sh-well rounded-lg p-2">
+            <div className="overflow-x-auto">
+              <table className="table">
+                <thead>
                   <tr>
-                    <td
-                      colSpan={6}
-                      className="text-base-content text-center"
-                    >
-                      No activity in this range
-                    </td>
+                    <th>Provider</th>
+                    <th>Succeeded</th>
+                    <th>Failed</th>
+                    <th>Refunded</th>
+                    <th>Revenue</th>
+                    <th>Health</th>
                   </tr>
-                )}
-              </tbody>
-            </table>
+                </thead>
+                <tbody>
+                  {(trends.provider_breakdown ?? []).map((p) => {
+                    const flagged = failureShare(p) > FAILURE_FLAG_THRESHOLD;
+                    return (
+                      <tr key={p.provider}>
+                        <td className="font-medium">{p.provider}</td>
+                        <td>{p.succeeded}</td>
+                        <td>{p.failed}</td>
+                        <td>{p.refunded}</td>
+                        <td>{formatCents(p.revenue_cents)}</td>
+                        <td>
+                          {flagged ? (
+                            <span className="badge badge-error">
+                              Elevated failures
+                            </span>
+                          ) : (
+                            <span className="badge badge-success">OK</span>
+                          )}
+                        </td>
+                      </tr>
+                    );
+                  })}
+                  {(trends.provider_breakdown ?? []).length === 0 && (
+                    <tr>
+                      <td colSpan={6} className="text-base-content text-center">
+                        No activity in this range
+                      </td>
+                    </tr>
+                  )}
+                </tbody>
+              </table>
+            </div>
           </div>
         </section>
       )}