diff --git a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx b/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
index b5ed291..f692591 100644
--- a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
+++ b/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>
     )
diff --git a/app/web/src/components/IdeContainer/IdeContainer.tsx b/app/web/src/components/IdeContainer/IdeContainer.tsx
index 187ad89..817528e 100644
--- a/app/web/src/components/IdeContainer/IdeContainer.tsx
+++ b/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>
 )
diff --git a/app/web/src/components/IdeViewer/IdeViewer.tsx b/app/web/src/components/IdeViewer/IdeViewer.tsx
index 9bffb4d..9fd313a 100644
--- a/app/web/src/components/IdeViewer/IdeViewer.tsx
+++ b/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 ${