app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx

@@ -21,7 +21,7 @@ const DelayedPingAnimation = ({
 
   if (showLoading && isLoading)
     return (
-      <div className="inset-0 absolute flex items-center justify-center">
+      <div className="inset-0 absolute flex items-center justify-center pointer-events-none">
         <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
       </div>
     )

app/web/src/components/IdeContainer/IdeContainer.tsx

@@ -22,7 +22,7 @@ const SmallLoadingPing = (
 )
 
 export const BigLoadingPing = (
-  <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800">
+  <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800 pointer-events-none">
     <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
   </div>
 )

app/web/src/components/IdeViewer/IdeViewer.tsx

@@ -178,7 +178,6 @@ const IdeViewer = ({ Loading }) => {
       : 1.2
   return (
     <div className="relative h-full bg-ch-gray-800">
-      {state.isLoading && Loading}
       {image && (
         <div
           className={`absolute inset-0 transition-opacity duration-500 ${