diff --git a/src/renderer/components/Experiment/Tasks/QueueTaskModal.tsx b/src/renderer/components/Experiment/Tasks/QueueTaskModal.tsx
index 96537be88..1c150f7d2 100644
--- a/src/renderer/components/Experiment/Tasks/QueueTaskModal.tsx
+++ b/src/renderer/components/Experiment/Tasks/QueueTaskModal.tsx
@@ -25,7 +25,12 @@ import {
   Chip,
 } from '@mui/joy';
 import { Editor } from '@monaco-editor/react';
-import { PlayIcon, AlertTriangleIcon, CheckCircleIcon } from 'lucide-react';
+import {
+  PlayIcon,
+  AlertTriangleIcon,
+  CheckCircleIcon,
+  ChevronDownIcon,
+} from 'lucide-react';
 import { setTheme } from 'renderer/lib/monacoConfig';
 import { useSWRWithAuth as useSWR, useAPI } from 'renderer/lib/authContext';
 import * as chatAPI from 'renderer/lib/transformerlab-api-sdk';
@@ -115,6 +120,11 @@ export default function QueueTaskModal({
   const [acceleratorsInput, setAcceleratorsInput] = React.useState('');
   const [numNodesInput, setNumNodesInput] = React.useState('');
   const [minutesRequestedInput, setMinutesRequestedInput] = React.useState('');
+  const [showResourceOverrides, setShowResourceOverrides] =
+    React.useState(false);
+  const [showParameterOverrides, setShowParameterOverrides] =
+    React.useState(true);
+  const resourceOverridesRef = React.useRef<HTMLDivElement | null>(null);
   const loadingMessages = React.useMemo(
     () => [
       'Contacting compute provider…',
@@ -152,6 +162,18 @@ export default function QueueTaskModal({
     };
   }, [open, isSubmitting, loadingMessages]);
 
+  React.useEffect(() => {
+    if (!showResourceOverrides) {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      resourceOverridesRef.current?.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest',
+      });
+    });
+  }, [showResourceOverrides]);
+
   // Fetch available models and datasets from the API
   const { data: modelsData } = useSWR(
     open ? chatAPI.Endpoints.Models.LocalList() : null,
@@ -1275,213 +1297,75 @@ export default function QueueTaskModal({
                   </FormHelperText>
                 </FormControl>
               )}
-
-              {/* Resource Requirements Section */}
-              <Divider />
-              <Stack spacing={2}>
-                <Typography level="title-sm">Resource Requirements</Typography>
-                <Stack direction="row" spacing={2}>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>CPUs</FormLabel>
-                    <Input
-                      placeholder="e.g. 4"
-                      value={cpusInput}
-                      onChange={(e) => setCpusInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>Memory</FormLabel>
-                    <Input
-                      placeholder="e.g. 16GB"
-                      value={memoryInput}
-                      onChange={(e) => setMemoryInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                </Stack>
-                <Stack direction="row" spacing={2}>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>Disk space</FormLabel>
-                    <Input
-                      placeholder="e.g. 100GB"
-                      value={diskSpaceInput}
-                      onChange={(e) => setDiskSpaceInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>Accelerators</FormLabel>
-                    <Input
-                      placeholder="e.g. A100:1, RTX3090:2, 1"
-                      value={acceleratorsInput}
-                      onChange={(e) => setAcceleratorsInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                </Stack>
-                <Stack direction="row" spacing={2}>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>Num nodes</FormLabel>
-                    <Input
-                      placeholder="e.g. 1"
-                      value={numNodesInput}
-                      onChange={(e) => setNumNodesInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                  <FormControl sx={{ flex: 1 }}>
-                    <FormLabel>Minutes requested</FormLabel>
-                    <Input
-                      type="number"
-                      placeholder="e.g. 60"
-                      value={minutesRequestedInput}
-                      onChange={(e) => setMinutesRequestedInput(e.target.value)}
-                      disabled={isSubmitting}
-                    />
-                  </FormControl>
-                </Stack>
-                <FormHelperText>
-                  These values override the template&apos;s resource
-                  requirements for this run only. Leave a field empty to use the
-                  template default.
-                </FormHelperText>
-              </Stack>
-
-              {/* Incompatibility Warning */}
-              {selectedProvider &&
-                effectiveResources?.accelerators &&
-                !isProviderCompatible(selectedProvider) && (
-                  <Alert
-                    variant="soft"
-                    color="warning"
-                    startDecorator={<AlertTriangleIcon size={18} />}
-                    sx={{ mt: 1 }}
-                  >
-                    <Typography level="body-sm">
-                      This provider may not support the requested accelerators (
-                      <strong>{effectiveResources.accelerators}</strong>).
-                    </Typography>
-                  </Alert>
-                )}
-
-              {/* Local Provider Resource Validation */}
-              {isLocalProvider &&
-                resourceValidation &&
-                !resourceValidation.isCompatible && (
-                  <Alert
-                    variant="soft"
-                    color={resourceValidation.hasErrors ? 'danger' : 'warning'}
-                    startDecorator={<AlertTriangleIcon size={18} />}
-                    sx={{ mt: 1 }}
-                  >
-                    <Stack spacing={1}>
-                      <Typography
-                        level="title-sm"
-                        color={
-                          resourceValidation.hasErrors ? 'danger' : 'warning'
-                        }
-                      >
-                        {resourceValidation.hasErrors
-                          ? 'Local provider cannot meet task requirements'
-                          : 'Local provider may not meet task requirements'}
-                      </Typography>
-                      <Stack spacing={0.5}>
-                        {resourceValidation.issues.map((issue, idx) => (
-                          <Stack
-                            key={idx}
-                            direction="row"
-                            spacing={1}
-                            alignItems="center"
-                          >
-                            <Chip
-                              size="sm"
-                              variant="solid"
-                              color={
-                                issue.type === 'error' ? 'danger' : 'warning'
-                              }
-                            >
-                              {issue.label}
-                            </Chip>
-                            <Typography level="body-xs">
-                              Required: <strong>{issue.required}</strong> —
-                              Available: <strong>{issue.available}</strong>
-                            </Typography>
-                          </Stack>
-                        ))}
-                      </Stack>
-                      {resourceValidation.hasErrors && (
-                        <Typography level="body-xs" color="danger">
-                          Consider selecting a different provider with the
-                          required resources.
-                        </Typography>
-                      )}
-                    </Stack>
-                  </Alert>
-                )}
-
-              {isLocalProvider &&
-                resourceValidation?.isCompatible &&
-                effectiveResources && (
-                  <Alert
-                    variant="soft"
-                    color="success"
-                    startDecorator={<CheckCircleIcon size={18} />}
-                    sx={{ mt: 1 }}
-                  >
-                    <Typography level="body-sm" color="success">
-                      Local provider meets the task resource requirements.
-                    </Typography>
-                  </Alert>
-                )}
             </Stack>
 
             <Divider />
 
             {/* Task Parameters Section */}
             <Stack spacing={2}>
-              <Typography level="title-sm">Task Parameters</Typography>
-              {parameters.length === 0 ||
-              (parameters.length === 1 &&
-                !parameters[0].key &&
-                !parameters[0].value) ? (
-                <Typography level="body-sm" color="neutral">
-                  This task has no parameters defined. Click Submit to queue
-                  with default configuration.
-                </Typography>
-              ) : (
+              <Stack
+                direction="row"
+                alignItems="center"
+                justifyContent="space-between"
+                sx={{ cursor: 'pointer' }}
+                onClick={() => setShowParameterOverrides((prev) => !prev)}
+              >
+                <Typography level="title-sm">Parameter overrides</Typography>
+                <ChevronDownIcon
+                  size={18}
+                  style={{
+                    transform: showParameterOverrides
+                      ? 'rotate(180deg)'
+                      : 'rotate(0deg)',
+                    transition: 'transform 0.2s ease',
+                  }}
+                />
+              </Stack>
+              {showParameterOverrides && (
                 <Stack spacing={2}>
-                  {parameters.map((param, index) => {
-                    const schema = param.schema;
-                    const label = schema?.title || param.key;
-
-                    return (
-                      <FormControl
-                        key={param.key || index}
-                        sx={{ width: '100%' }}
-                      >
-                        <Stack
-                          direction="row"
-                          spacing={2}
-                          alignItems="center"
-                          sx={{ width: '100%' }}
-                        >
-                          <FormLabel
-                            sx={{ alignSelf: 'center', minWidth: 160 }}
+                  {parameters.length === 0 ||
+                  (parameters.length === 1 &&
+                    !parameters[0].key &&
+                    !parameters[0].value) ? (
+                    <Typography level="body-sm" color="neutral">
+                      This task has no parameters defined. Click Submit to queue
+                      with default configuration.
+                    </Typography>
+                  ) : (
+                    <Stack spacing={2}>
+                      {parameters.map((param, index) => {
+                        const schema = param.schema;
+                        const label = schema?.title || param.key;
+
+                        return (
+                          <FormControl
+                            key={param.key || index}
+                            sx={{ width: '100%' }}
                           >
-                            {label}:
-                          </FormLabel>
-                          {renderParameterInput(param, index)}
-                        </Stack>
-                      </FormControl>
-                    );
-                  })}
+                            <Stack
+                              direction="row"
+                              spacing={2}
+                              alignItems="center"
+                              sx={{ width: '100%' }}
+                            >
+                              <FormLabel
+                                sx={{ alignSelf: 'center', minWidth: 160 }}
+                              >
+                                {label}:
+                              </FormLabel>
+                              {renderParameterInput(param, index)}
+                            </Stack>
+                          </FormControl>
+                        );
+                      })}
+                    </Stack>
+                  )}
+                  <Typography level="body-sm" color="neutral">
+                    Parameters can be accessed in your task script using{' '}
+                    <code>lab.get_config()</code>
+                  </Typography>
                 </Stack>
               )}
-              <Typography level="body-sm" color="neutral">
-                Parameters can be accessed in your task script using{' '}
-                <code>lab.get_config()</code>
-              </Typography>
             </Stack>
 
             <Divider />
@@ -1547,6 +1431,197 @@ export default function QueueTaskModal({
               onLowerIsBetterChange={setLowerIsBetter}
               parameters={parameters}
             />
+
+            {/* Optional Resource Overrides Section */}
+            <Divider />
+            <Stack spacing={1}>
+              <Stack
+                direction="row"
+                alignItems="center"
+                justifyContent="space-between"
+                sx={{ cursor: 'pointer' }}
+                onClick={() => setShowResourceOverrides((prev) => !prev)}
+              >
+                <Typography level="title-sm">
+                  Optional resource overrides
+                </Typography>
+                <ChevronDownIcon
+                  size={18}
+                  style={{
+                    transform: showResourceOverrides
+                      ? 'rotate(180deg)'
+                      : 'rotate(0deg)',
+                    transition: 'transform 0.2s ease',
+                  }}
+                />
+              </Stack>
+              {showResourceOverrides && (
+                <Stack spacing={2} ref={resourceOverridesRef}>
+                  <Stack direction="row" spacing={2}>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>CPUs</FormLabel>
+                      <Input
+                        placeholder="e.g. 4"
+                        value={cpusInput}
+                        onChange={(e) => setCpusInput(e.target.value)}
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>Memory</FormLabel>
+                      <Input
+                        placeholder="e.g. 16GB"
+                        value={memoryInput}
+                        onChange={(e) => setMemoryInput(e.target.value)}
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                  </Stack>
+                  <Stack direction="row" spacing={2}>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>Disk space</FormLabel>
+                      <Input
+                        placeholder="e.g. 100GB"
+                        value={diskSpaceInput}
+                        onChange={(e) => setDiskSpaceInput(e.target.value)}
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>Accelerators</FormLabel>
+                      <Input
+                        placeholder="e.g. A100:1, RTX3090:2, 1"
+                        value={acceleratorsInput}
+                        onChange={(e) => setAcceleratorsInput(e.target.value)}
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                  </Stack>
+                  <Stack direction="row" spacing={2}>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>Num nodes</FormLabel>
+                      <Input
+                        placeholder="e.g. 1"
+                        value={numNodesInput}
+                        onChange={(e) => setNumNodesInput(e.target.value)}
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                    <FormControl sx={{ flex: 1 }}>
+                      <FormLabel>Minutes requested</FormLabel>
+                      <Input
+                        type="number"
+                        placeholder="e.g. 60"
+                        value={minutesRequestedInput}
+                        onChange={(e) =>
+                          setMinutesRequestedInput(e.target.value)
+                        }
+                        disabled={isSubmitting}
+                      />
+                    </FormControl>
+                  </Stack>
+                  <FormHelperText>
+                    These values override the template&apos;s resource
+                    requirements for this run only. Leave a field empty to use
+                    the template default.
+                  </FormHelperText>
+
+                  {/* Incompatibility Warning */}
+                  {selectedProvider &&
+                    effectiveResources?.accelerators &&
+                    !isProviderCompatible(selectedProvider) && (
+                      <Alert
+                        variant="soft"
+                        color="warning"
+                        startDecorator={<AlertTriangleIcon size={18} />}
+                        sx={{ mt: 1 }}
+                      >
+                        <Typography level="body-sm">
+                          This provider may not support the requested
+                          accelerators (
+                          <strong>{effectiveResources.accelerators}</strong>).
+                        </Typography>
+                      </Alert>
+                    )}
+
+                  {/* Local Provider Resource Validation */}
+                  {isLocalProvider &&
+                    resourceValidation &&
+                    !resourceValidation.isCompatible && (
+                      <Alert
+                        variant="soft"
+                        color={
+                          resourceValidation.hasErrors ? 'danger' : 'warning'
+                        }
+                        startDecorator={<AlertTriangleIcon size={18} />}
+                        sx={{ mt: 1 }}
+                      >
+                        <Stack spacing={1}>
+                          <Typography
+                            level="title-sm"
+                            color={
+                              resourceValidation.hasErrors
+                                ? 'danger'
+                                : 'warning'
+                            }
+                          >
+                            {resourceValidation.hasErrors
+                              ? 'Local provider cannot meet task requirements'
+                              : 'Local provider may not meet task requirements'}
+                          </Typography>
+                          <Stack spacing={0.5}>
+                            {resourceValidation.issues.map((issue, idx) => (
+                              <Stack
+                                key={idx}
+                                direction="row"
+                                spacing={1}
+                                alignItems="center"
+                              >
+                                <Chip
+                                  size="sm"
+                                  variant="solid"
+                                  color={
+                                    issue.type === 'error'
+                                      ? 'danger'
+                                      : 'warning'
+                                  }
+                                >
+                                  {issue.label}
+                                </Chip>
+                                <Typography level="body-xs">
+                                  Required: <strong>{issue.required}</strong> —
+                                  Available: <strong>{issue.available}</strong>
+                                </Typography>
+                              </Stack>
+                            ))}
+                          </Stack>
+                          {resourceValidation.hasErrors && (
+                            <Typography level="body-xs" color="danger">
+                              Consider selecting a different provider with the
+                              required resources.
+                            </Typography>
+                          )}
+                        </Stack>
+                      </Alert>
+                    )}
+
+                  {isLocalProvider &&
+                    resourceValidation?.isCompatible &&
+                    effectiveResources && (
+                      <Alert
+                        variant="soft"
+                        color="success"
+                        startDecorator={<CheckCircleIcon size={18} />}
+                        sx={{ mt: 1 }}
+                      >
+                        <Typography level="body-sm" color="success">
+                          Local provider meets the task resource requirements.
+                        </Typography>
+                      </Alert>
+                    )}
+                </Stack>
+              )}
+            </Stack>
           </Stack>
         </DialogContent>
         <DialogActions>