diff --git a/frontend/src/features/dashboard/components/DashboardScreen.tsx b/frontend/src/features/dashboard/components/DashboardScreen.tsx
index ee0fc7c..ae17d6f 100644
--- a/frontend/src/features/dashboard/components/DashboardScreen.tsx
+++ b/frontend/src/features/dashboard/components/DashboardScreen.tsx
@@ -14,6 +14,7 @@ import { GlassCard } from '../../../shared-minimal/components/mobile/GlassCard';
 import { Button } from '../../../shared-minimal/components/Button';
 import { PendingAssociationBanner } from '../../email-ingestion/components/PendingAssociationBanner';
 import { PendingAssociationList } from '../../email-ingestion/components/PendingAssociationList';
+import { AddFuelLogDialog } from '../../fuel-logs/components/AddFuelLogDialog';
 import { MobileScreen } from '../../../core/store';
 import { Vehicle } from '../../vehicles/types/vehicles.types';
 
@@ -54,10 +55,11 @@ export const DashboardScreen: React.FC<DashboardScreenProps> = ({
   const theme = useTheme();
   const isSmall = useMediaQuery(theme.breakpoints.down('sm'));
   const [showPendingReceipts, setShowPendingReceipts] = useState(false);
+  const [showAddFuelLog, setShowAddFuelLog] = useState(false);
   const { data: roster, vehicles, isLoading, error } = useVehicleRoster();
 
   const handleAddVehicle = onAddVehicle ?? (() => onNavigate?.('Vehicles'));
-  const handleLogFuel = () => onNavigate?.('Log Fuel');
+  const handleLogFuel = () => setShowAddFuelLog(true);
   const handleVehicleClick = (vehicleId: string) => {
     const vehicle = vehicles?.find(v => v.id === vehicleId);
     if (vehicle && onVehicleClick) {
@@ -188,6 +190,9 @@ export const DashboardScreen: React.FC<DashboardScreenProps> = ({
           <PendingAssociationList />
         </DialogContent>
       </Dialog>
+
+      {/* Add Fuel Log Dialog */}
+      <AddFuelLogDialog open={showAddFuelLog} onClose={() => setShowAddFuelLog(false)} />
     </div>
   );
 };