diff --git a/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx b/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx
index e283f0550ec..3c38907c597 100644
--- a/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx
+++ b/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx
@@ -12,6 +12,7 @@ const DURATION_LABELS: Record<string, string> = {
 };
 
 interface BudgetDurationDropdownProps {
+  id?: string;
   value?: string | null;
   onChange?: (value: string | undefined) => void;
   className?: string;
@@ -21,6 +22,7 @@ interface BudgetDurationDropdownProps {
 }
 
 const BudgetDurationDropdown: React.FC<BudgetDurationDropdownProps> = ({
+  id,
   value,
   onChange,
   className = "",
@@ -34,7 +36,7 @@ const BudgetDurationDropdown: React.FC<BudgetDurationDropdownProps> = ({
       value={value || null}
       onValueChange={(next: string | null) => onChange?.(next ?? undefined)}
     >
-      <SelectTrigger className={`w-full ${className}`} style={style}>
+      <SelectTrigger id={id} className={`w-full ${className}`} style={style}>
         <SelectValue placeholder={placeholder} />
       </SelectTrigger>
       <SelectContent>