diff --git a/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx b/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
index e3ef5c9b7dc6..b370e05ba217 100644
--- a/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
+++ b/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
@@ -53,17 +53,22 @@ const RuleConditionValueInput: React.FC<RuleConditionValueInputProps> = ({
     useConditionInputType(operator, property)
 
   if (showMultiEnvironmentSelect) {
+    const isLoading = !projectId || !data?.results
+
     return (
       <div className={className}>
         <MultiSelect
-          selectedValues={safeParseArray(value)}
+          selectedValues={isLoading ? [] : safeParseArray(value)}
           onSelectionChange={(selectedValues: string[]) => {
             onChange?.(selectedValues.join(','))
           }}
-          placeholder='Select environments...'
+          placeholder={
+            isLoading ? 'Loading environments...' : 'Select environments...'
+          }
           options={environmentOptions}
           className='w-100'
           hideSelectedOptions={false}
+          disabled={isLoading}
           inline
         />
       </div>