diff --git a/src-web/components/SettingsDropdown.tsx b/src-web/components/SettingsDropdown.tsx
index 724db2e1..b944c86f 100644
--- a/src-web/components/SettingsDropdown.tsx
+++ b/src-web/components/SettingsDropdown.tsx
@@ -8,13 +8,9 @@ import { useUpdateMode } from '../hooks/useUpdateMode';
 import type { DropdownProps, DropdownRef } from './core/Dropdown';
 import { Dropdown } from './core/Dropdown';
 import { Icon } from './core/Icon';
+import { IconButton } from './core/IconButton';
 
-interface Props {
-  requestId: string | null;
-  children: DropdownProps['children'];
-}
-
-export function SettingsDropdown({ requestId, children }: Props) {
+export function SettingsDropdown() {
   const importData = useImportData();
   const exportData = useExportData();
   const { appearance, toggleAppearance } = useTheme();
@@ -22,10 +18,6 @@ export function SettingsDropdown({ requestId, children }: Props) {
   const [updateMode, setUpdateMode] = useUpdateMode();
   const dropdownRef = useRef<DropdownRef>(null);
 
-  if (requestId == null) {
-    return null;
-  }
-
   return (
     <Dropdown
       ref={dropdownRef}
@@ -63,7 +55,7 @@ export function SettingsDropdown({ requestId, children }: Props) {
         },
       ]}
     >
-      {children}
+      <IconButton size="sm" title="Request Options" icon="gear" className="pointer-events-auto" />
     </Dropdown>
   );
 }
diff --git a/src-web/components/WorkspaceHeader.tsx b/src-web/components/WorkspaceHeader.tsx
index 3dbea992..95d4ed2d 100644
--- a/src-web/components/WorkspaceHeader.tsx
+++ b/src-web/components/WorkspaceHeader.tsx
@@ -1,8 +1,6 @@
 import classNames from 'classnames';
 import React, { memo } from 'react';
-import { useActiveRequest } from '../hooks/useActiveRequest';
 import { Icon } from './core/Icon';
-import { IconButton } from './core/IconButton';
 import { HStack } from './core/Stacks';
 import { EnvironmentActionsDropdown } from './EnvironmentActionsDropdown';
 import { RecentRequestsDropdown } from './RecentRequestsDropdown';
@@ -15,8 +13,6 @@ interface Props {
 }
 
 export const WorkspaceHeader = memo(function WorkspaceHeader({ className }: Props) {
-  const activeRequest = useActiveRequest();
-
   return (
     <HStack
       space={2}
@@ -36,14 +32,7 @@ export const WorkspaceHeader = memo(function WorkspaceHeader({ className }: Prop
         <RecentRequestsDropdown />
       </div>
       <div className="flex-1 flex justify-end -mr-2 pointer-events-none">
-        <SettingsDropdown requestId={activeRequest?.id ?? null}>
-          <IconButton
-            size="sm"
-            title="Request Options"
-            icon="gear"
-            className="pointer-events-auto"
-          />
-        </SettingsDropdown>
+        <SettingsDropdown />
       </div>
     </HStack>
   );