diff --git a/src-web/components/EnvironmentActionsDropdown.tsx b/src-web/components/EnvironmentActionsDropdown.tsx
index 7d95da1f..376eb497 100644
--- a/src-web/components/EnvironmentActionsDropdown.tsx
+++ b/src-web/components/EnvironmentActionsDropdown.tsx
@@ -37,7 +37,7 @@ export const EnvironmentActionsDropdown = memo(function EnvironmentActionsDropdo
(e) => ({
key: e.id,
label: e.name,
- rightSlot: e.id === activeEnvironment?.id ? : undefined,
+ leftSlot: e.id === activeEnvironment?.id ? : ,
onSelect: async () => {
if (e.id !== activeEnvironment?.id) {
routes.setEnvironment(e);
diff --git a/src-web/components/RecentRequestsDropdown.tsx b/src-web/components/RecentRequestsDropdown.tsx
index 04c31797..6d4a84f9 100644
--- a/src-web/components/RecentRequestsDropdown.tsx
+++ b/src-web/components/RecentRequestsDropdown.tsx
@@ -10,7 +10,6 @@ import { useRequests } from '../hooks/useRequests';
import { fallbackRequestName } from '../lib/fallbackRequestName';
import type { ButtonProps } from './core/Button';
import { Button } from './core/Button';
-import { CountBadge } from './core/CountBadge';
import type { DropdownItem, DropdownRef } from './core/Dropdown';
import { Dropdown } from './core/Dropdown';
@@ -43,7 +42,7 @@ export function RecentRequestsDropdown({ className }: Pick(() => {
if (activeWorkspaceId === null) return [];
- const recentRequestItems: DropdownItem[] = [];
+ const recentRequestItems: DropdownItem[] = [{ type: 'separator', label: 'Recent Requests' }];
for (const id of recentRequestIds) {
const request = requests.find((r) => r.id === id);
if (request === undefined) continue;
@@ -65,7 +64,7 @@ export function RecentRequestsDropdown({ className }: Pick,
+ // leftSlot: ,
onSelect: () => {
routes.navigate('request', {
requestId: request.id,
diff --git a/src-web/components/WorkspaceActionsDropdown.tsx b/src-web/components/WorkspaceActionsDropdown.tsx
index fd3cb266..0d56f8b2 100644
--- a/src-web/components/WorkspaceActionsDropdown.tsx
+++ b/src-web/components/WorkspaceActionsDropdown.tsx
@@ -44,7 +44,7 @@ export const WorkspaceActionsDropdown = memo(function WorkspaceActionsDropdown({
const workspaceItems: DropdownItem[] = workspaces.map((w) => ({
key: w.id,
label: w.name,
- rightSlot: w.id === activeWorkspaceId ? : undefined,
+ leftSlot: w.id === activeWorkspaceId ? : ,
onSelect: async () => {
dialog.show({
id: 'open-workspace',