diff --git a/web/src/backtest/components/BacktestRunnerPanel.tsx b/web/src/backtest/components/BacktestRunnerPanel.tsx
index dbc6a01..b46f8e5 100644
--- a/web/src/backtest/components/BacktestRunnerPanel.tsx
+++ b/web/src/backtest/components/BacktestRunnerPanel.tsx
@@ -3,6 +3,7 @@ import { BacktestConfigurator } from './BacktestConfigurator';
 import { BacktestResultsDashboard } from './BacktestResultsDashboard';
 import { runBacktestApi } from '../api';
 import type { BacktestRequestPayload, BacktestResult } from '../types';
+import { Button } from '../../components/ui/Primitives';
 
 interface BacktestRunnerPanelProps {
     profileId?: string;
@@ -46,12 +47,14 @@ export const BacktestRunnerPanel: React.FC<BacktestRunnerPanelProps> = ({
                     <p className="text-xs text-zinc-400">Read-only deterministic replay. No broker calls. No production table writes.</p>
                 </div>
                 {onClose && (
-                    <button
+                    <Button
+                        type="button"
                         onClick={onClose}
-                        className="rounded-lg border border-white/10 px-3 py-1 text-[11px] font-bold uppercase tracking-wide text-zinc-300 hover:bg-white/10"
+                        variant="outline"
+                        size="sm"
                     >
                         Close
-                    </button>
+                    </Button>
                 )}
             </div>
 
@@ -74,4 +77,3 @@ export const BacktestRunnerPanel: React.FC<BacktestRunnerPanelProps> = ({
         </div>
     );
 };
-