diff --git a/public/app/features/dashboard-scene/settings/variables/VariableEditorForm.tsx b/public/app/features/dashboard-scene/settings/variables/VariableEditorForm.tsx
index 175a1728733..02b2565c096 100644
--- a/public/app/features/dashboard-scene/settings/variables/VariableEditorForm.tsx
+++ b/public/app/features/dashboard-scene/settings/variables/VariableEditorForm.tsx
@@ -84,7 +84,7 @@ export function VariableEditorForm({ variable, onTypeChange, onGoBack, onDiscard
 
         {EditorToRender && <EditorToRender variable={variable} />}
 
-        {hasVariableOptions(variable) && <VariableValuesPreview options={variable.options} />}
+        {hasVariableOptions(variable) && <VariableValuesPreview options={variable.state.options} />}
 
         <div style={{ marginTop: '16px' }}>
           <HorizontalGroup spacing="md" height="inherit">
diff --git a/public/app/features/dashboard-scene/settings/variables/utils.ts b/public/app/features/dashboard-scene/settings/variables/utils.ts
index f8c8885c473..88f0fcb990d 100644
--- a/public/app/features/dashboard-scene/settings/variables/utils.ts
+++ b/public/app/features/dashboard-scene/settings/variables/utils.ts
@@ -8,7 +8,7 @@ import {
   QueryVariable,
   AdHocFilterSet,
   SceneVariable,
-  VariableValueOption,
+  MultiValueVariable,
 } from '@grafana/scenes';
 import { VariableType } from '@grafana/schema';
 
@@ -117,8 +117,6 @@ export function getVariableScene(type: EditableVariableType, initialState: Commo
   }
 }
 
-export function hasVariableOptions(
-  variable: SceneVariable
-): variable is SceneVariable & { options: VariableValueOption[] } {
+export function hasVariableOptions(variable: SceneVariable): variable is MultiValueVariable {
   return 'options' in variable.state;
 }