diff --git a/src/components/JobCardHeader.tsx b/src/components/JobCardHeader.tsx
index 620c9d3..65c8b28 100644
--- a/src/components/JobCardHeader.tsx
+++ b/src/components/JobCardHeader.tsx
@@ -61,45 +61,10 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
             <span className="ml-4">
               Produced: <EditableProduced job={job} onUpdateProduced={onUpdateProduced} />
             </span>
-            <span className="ml-4 flex items-center gap-1">
+            <span className="ml-4 items-center gap-1">
               Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
-              <button 
-                className="text-gray-400 hover:text-blue-300 transition-colors" 
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setOverviewChartOpen(true);
-                }}
-                data-no-navigate
-                title="View transaction charts"
-              >
-                <BarChart3 className="w-3 h-3" />
-              </button>
             </span>
           </div>
-          <div className="flex items-center gap-2 text-xs">
-            <span className="text-gray-400">Total Revenue</span>
-            <button 
-              className="text-gray-400 hover:text-blue-300 transition-colors" 
-              onClick={(e) => {
-                e.stopPropagation();
-                setTotalRevenueChartOpen(true);
-              }}
-              data-no-navigate
-            >
-              <BarChart3 className="w-3 h-3" />
-            </button>
-            <span className="text-gray-400 ml-2">Total Profit</span>
-            <button 
-              className="text-gray-400 hover:text-blue-300 transition-colors" 
-              onClick={(e) => {
-                e.stopPropagation();
-                setTotalProfitChartOpen(true);
-              }}
-              data-no-navigate
-            >
-              <BarChart3 className="w-3 h-3" />
-            </button>
-          </div>
         </div>
       </div>
       <div className="flex flex-col gap-2 flex-shrink-0 items-end">
@@ -123,23 +88,36 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
             Delete
           </Button>
         </div>
-        <BOMActions job={job} onImportBOM={onImportBOM} />
+        <div className="flex">
+          <button
+            className="text-gray-400 hover:text-blue-300 transition-colors px-2"
+            onClick={(e) => {
+              e.stopPropagation();
+              setOverviewChartOpen(true);
+            }}
+            data-no-navigate
+            title="View transaction charts"
+          >
+            <BarChart3 className="w-3 h-3" />
+          </button>
+          <BOMActions job={job} onImportBOM={onImportBOM} />
+        </div>
       </div>
-      
+
       <TransactionChart
         job={job}
         type="profit"
         isOpen={overviewChartOpen}
         onClose={() => setOverviewChartOpen(false)}
       />
-      
+
       <TransactionChart
         jobs={jobs}
         type="total-revenue"
         isOpen={totalRevenueChartOpen}
         onClose={() => setTotalRevenueChartOpen(false)}
       />
-      
+
       <TransactionChart
         jobs={jobs}
         type="total-profit"