diff --git a/report/src/components/Navbar.tsx b/report/src/components/Navbar.tsx
index 927b83e..17db3e2 100644
--- a/report/src/components/Navbar.tsx
+++ b/report/src/components/Navbar.tsx
@@ -140,6 +140,9 @@ const Navbar = ({ urlPrefix }: ProvidedProps) => {
           </Link>
         </div>
       </div>
+      {!isLoadTestsRoute && isLoading && (
+        <div className="animate-pulse bg-slate-200 rounded-md h-8 w-48" />
+      )}
       {!isLoadTestsRoute && !isLoading && !!allBenchmarkRuns?.runs.length && (
         <div>
           <Select
diff --git a/report/src/pages/RunComparison.tsx b/report/src/pages/RunComparison.tsx
index 03b853d..759bcc0 100644
--- a/report/src/pages/RunComparison.tsx
+++ b/report/src/pages/RunComparison.tsx
@@ -72,8 +72,16 @@ function RunComparison() {
     });
   }, [dataPerFile, selection.data]);
 
-  if (!benchmarkRuns || isLoadingBenchmarkRuns) {
-    return <div>Loading...</div>;
+  if (isLoadingBenchmarkRuns) {
+    return (
+      <div className="flex flex-col w-full min-h-screen">
+        <Navbar urlPrefix="/run-comparison" />
+        <div className="flex flex-col w-full flex-grow p-8 gap-4">
+          <div className="animate-pulse bg-slate-200 rounded h-6 w-48" />
+          <div className="animate-pulse bg-slate-100 rounded h-64 w-full" />
+        </div>
+      </div>
+    );
   }
 
   return (
diff --git a/report/src/pages/RunIndex.tsx b/report/src/pages/RunIndex.tsx
index f20d03e..bbcefa1 100644
--- a/report/src/pages/RunIndex.tsx
+++ b/report/src/pages/RunIndex.tsx
@@ -177,8 +177,16 @@ const RunIndex = () => {
     };
   }, [allBenchmarkRuns, benchmarkRunId]);
 
-  if (!benchmarkRuns || isLoadingBenchmarkRuns) {
-    return <div>Loading...</div>;
+  if (isLoadingBenchmarkRuns) {
+    return (
+      <div className="flex flex-col w-full min-h-screen">
+        <Navbar />
+        <div className="flex flex-col w-full flex-grow p-8 gap-4">
+          <div className="animate-pulse bg-slate-200 rounded h-6 w-48" />
+          <div className="animate-pulse bg-slate-100 rounded h-64 w-full" />
+        </div>
+      </div>
+    );
   }
 
   return <RunIndexInner benchmarkRuns={benchmarkRuns} />;