diff --git a/.changeset/fn-7881-system-refresh-inline.md b/.changeset/fn-7881-system-refresh-inline.md
new file mode 100644
index 0000000000..41724324d1
--- /dev/null
+++ b/.changeset/fn-7881-system-refresh-inline.md
@@ -0,0 +1,7 @@
+---
+"@runfusion/fusion": patch
+---
+
+summary: Keep the System tab refresh button inline with its title and far right on mobile.
+category: fix
+dev: Scopes a cc-system-controls-header row+space-between override so the shared .cc-area-section-header mobile column collapse no longer pushes the refresh button below the title.
diff --git a/packages/dashboard/app/components/command-center/__tests__/SystemControlsArea.test.tsx b/packages/dashboard/app/components/command-center/__tests__/SystemControlsArea.test.tsx
index 2e56a096e3..29b922de92 100644
--- a/packages/dashboard/app/components/command-center/__tests__/SystemControlsArea.test.tsx
+++ b/packages/dashboard/app/components/command-center/__tests__/SystemControlsArea.test.tsx
@@ -146,6 +146,29 @@ describe("SystemControlsArea layout integration", () => {
     await waitFor(() => expect(mockFetchSystemInfo).toHaveBeenCalled());
   });
 
+  it("keeps the System controls refresh button in the scoped inline header", async () => {
+    render(<CommandCenter projectId="proj-1" />);
+
+    fireEvent.click(screen.getByTestId("command-center-tab-system"));
+
+    const controls = await screen.findByTestId("cc-system-controls");
+    const header = controls.querySelector<HTMLElement>(".cc-system-controls-header");
+    const title = screen.getByRole("heading", { name: "System controls" });
+    const refresh = screen.getByTestId("cc-system-refresh");
+
+    expect(header).toBeInTheDocument();
+    expect(header).toHaveClass("cc-area-section-header", "cc-system-controls-header");
+    expect(title.parentElement).toBe(header);
+    expect(refresh.parentElement).toBe(header);
+  });
+
+  it("keeps the System controls header row override active on mobile", () => {
+    const css = readFileSync(join(process.cwd(), "app/components/command-center/areas/SystemControlsArea.css"), "utf8");
+
+    expect(css).toMatch(/\.cc-area-section-header\.cc-system-controls-header\s*{[^}]*flex-direction:\s*row;[^}]*justify-content:\s*space-between;/s);
+    expect(css).toMatch(/@media\s*\(max-width:\s*768px\)\s*{[\s\S]*\.cc-area-section-header\.cc-system-controls-header\s*{[^}]*flex-direction:\s*row;[^}]*justify-content:\s*space-between;/);
+  });
+
   it("keeps the System tab gap and mobile scroll-owner CSS contracts tokenized", () => {
     const css = readFileSync(join(process.cwd(), "app/components/command-center/CommandCenter.css"), "utf8");
 
diff --git a/packages/dashboard/app/components/command-center/areas/SystemControlsArea.css b/packages/dashboard/app/components/command-center/areas/SystemControlsArea.css
index dcda183d6a..74d4096224 100644
--- a/packages/dashboard/app/components/command-center/areas/SystemControlsArea.css
+++ b/packages/dashboard/app/components/command-center/areas/SystemControlsArea.css
@@ -7,6 +7,28 @@ log tail use a terminal-style scroll box bounded in height so streaming output
 never grows the page; the page must not scroll horizontally (pre wraps).
 */
 
+/*
+FNXC:SystemPanel 2026-07-12-17:10:
+The System-controls refresh button must stay inline with the "System controls"
+title and pinned to the far right on every breakpoint. The shared
+.cc-area-section-header collapses to a left-aligned column at <=768px (correct
+for analytics areas), so scope a row+space-between override to the System tab
+only, using a two-class selector so it wins over the shared mobile rule.
+*/
+.cc-area-section-header.cc-system-controls-header {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+@media (max-width: 768px) {
+  .cc-area-section-header.cc-system-controls-header {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+
 .cc-syscontrols-grid {
   min-inline-size: 0;
   display: grid;
diff --git a/packages/dashboard/app/components/command-center/areas/SystemControlsArea.tsx b/packages/dashboard/app/components/command-center/areas/SystemControlsArea.tsx
index f99e738238..7c05283d40 100644
--- a/packages/dashboard/app/components/command-center/areas/SystemControlsArea.tsx
+++ b/packages/dashboard/app/components/command-center/areas/SystemControlsArea.tsx
@@ -572,11 +572,12 @@ export function SystemControlsArea({ projectId, addToast }: SystemControlsAreaPr
   return (
     <>
       <div className="cc-area-section" data-testid="cc-system-controls">
-        <div className="cc-area-section-header">
+        <div className="cc-area-section-header cc-system-controls-header">
           <h3 className="cc-area-section-title">{t("systemControls.title", "System controls")}</h3>
           <button
             type="button"
             className="btn-icon"
+            data-testid="cc-system-refresh"
             onClick={() => void loadInfo()}
             title={t("systemControls.refresh", "Refresh capabilities")}
             aria-label={t("systemControls.refresh", "Refresh capabilities")}