diff --git a/packages/compass-schema-validation/src/components/validation-states.tsx b/packages/compass-schema-validation/src/components/validation-states.tsx
index ca31f5f47da..3cbdf751600 100644
--- a/packages/compass-schema-validation/src/components/validation-states.tsx
+++ b/packages/compass-schema-validation/src/components/validation-states.tsx
@@ -8,6 +8,7 @@ import {
   EmptyContent,
   ErrorSummary,
   Link,
+  SpinLoaderWithLabel,
   WarningSummary,
   css,
   spacing,
@@ -227,6 +228,11 @@ export function ValidationStates({
         />
       )}
       <ValidationBanners editMode={editMode} />
+      {!isLoaded && (
+        <div className={loaderStyles}>
+          <SpinLoaderWithLabel progressText="Loading Validation" />
+        </div>
+      )}
       {isLoaded && (
         <>
           {isZeroState && !isRulesGenerationInProgress && (