diff --git a/src/js/main.js b/src/js/main.js
index 21e7390..a5a014d 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -7,7 +7,7 @@ import moment from "moment";
 // Break if Dribbblish has already been initialized
 if ($("html").attr("dribbblish-js-installed") != undefined) throw new Error("Dribbblish has already been initialized");
 // Remove not installed message
-$("html").attr("dribbblish-js-installed", " ");
+$("html").attr("dribbblish-js-installed", "");
 
 import { waitForElement, copyToClipboard, capitalizeFirstLetter, getClosestToNum, randomFromArray, debounce } from "./Util";
 import { default as _Dribbblish } from "./Dribbblish";
diff --git a/src/styles/main.scss b/src/styles/main.scss
index a3f5a97..f8bd4cb 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -30,6 +30,12 @@
     --is_dark: calc(1 - var(--is_light));
 
     // Display warning for incorrectly installed js
+    @keyframes noJsShow {
+        to {
+            opacity: 1;
+            pointer-events: all;
+        }
+    }
     &:not([dribbblish-js-installed])::after {
         content: "dribbblish-dynamic.js not installed correctly";
         position: fixed;
@@ -38,6 +44,9 @@
         background-color: black;
         text-align: center;
         line-height: 100vh;
+        opacity: 0;
+        pointer-events: none;
+        animation: noJsShow 0s ease-in 3s forwards;
         @include spiceFont("glue", 32px, "Bold");
     }
 }