diff --git a/src/assets/party-popper.png b/src/assets/party-popper.png
new file mode 100644
index 0000000..e334b35
Binary files /dev/null and b/src/assets/party-popper.png differ
diff --git a/src/screens/EidScreen/EidScreen.res b/src/screens/EidScreen/EidScreen.res
index 5b87398..88ffd29 100644
--- a/src/screens/EidScreen/EidScreen.res
+++ b/src/screens/EidScreen/EidScreen.res
@@ -1,8 +1,7 @@
 // {..} means we are handling a JS object with an unknown
 // set of attributes
 @module external styles: {..} = "./EidScreen.module.css"
-
-let partyPopperEmoji = "https://dsc.cloud/3ca15e/party-popper-emoji.png"
+@module("../../assets/party-popper.png") external partyPopperEmoji: 'png = "default"
 
 let paragraphs = [
   "May Allah bless you with a great day!",
@@ -24,10 +23,18 @@ let make = () => {
         width={"64"}
         height={"64"}
       />
-      <h1> {React.string("Eid")} <br /> {React.string("Mubarak!")} </h1>
+      <h1>
+        {React.string("Eid")}
+        <br />
+        {React.string("Mubarak!")}
+      </h1>
       <div>
         {React.array(paragraphs)}
-        <p> {React.string("JazakAllah khair,")} <br /> {React.string("Faheem")} </p>
+        <p>
+          {React.string("JazakAllah khair,")}
+          <br />
+          {React.string("Faheem")}
+        </p>
       </div>
     </div>
   </Container>