diff --git a/pages/confirmation.tsx b/pages/confirmation.tsx
index bf41b0b4..e902ecfc 100644
--- a/pages/confirmation.tsx
+++ b/pages/confirmation.tsx
@@ -33,8 +33,7 @@ const Confirmation: NextPage = () => {
         <div>
           <div className={styles.subtitle}>Referral</div>
           <div className={styles.title}>
-            It&apos;s now time to earn {" "}
-            <br className="hidden sm:block"/>
+            It&apos;s now time to earn <br className="hidden sm:block" />
             <span className={styles.highlight}>crypto!</span>
           </div>
         </div>
@@ -67,19 +66,16 @@ const Confirmation: NextPage = () => {
           )}
         </div>
         <div>
-          <Button
-            onClick={redirect}
-            radius={'12px'}
-          >
+          <Button onClick={redirect} radius={"12px"}>
             Go to your domain
           </Button>
         </div>
       </div>
       <div className={styles.coconutLeft}>
-        <img alt="coconut" src="/register/coconutleft.webp" />
+        <img alt="coconut" src="/visuals/leftTree.svg" />
       </div>
       <div className={styles.coconutRight}>
-        <img alt="coconut" src="/register/coconutright.webp" />
+        <img alt="coconut" src="/visuals/rightTree.svg" />
       </div>
     </>
   );
diff --git a/styles/components/confirmation.module.css b/styles/components/confirmation.module.css
index 89595e3b..7a35f1e4 100644
--- a/styles/components/confirmation.module.css
+++ b/styles/components/confirmation.module.css
@@ -7,7 +7,6 @@
   color: #454545;
   gap: 24px;
   text-align: center;
-  margin: 10px;
   position: relative;
   z-index: 1;
   overflow: hidden;
@@ -85,7 +84,7 @@
     display: none;
   }
 
-  .coconutLeft, 
+  .coconutLeft,
   .coconutRight {
     bottom: -100px;
     width: 350px;
@@ -94,7 +93,7 @@
   .coconutLeft {
     left: -50px;
   }
-  
+
   .coconutRight {
     right: -50px;
   }
@@ -115,6 +114,7 @@
   .subtitle {
     font-size: 12px;
     line-height: 16px;
+    margin-top: 2rem;
   }
 
   .copyAddr {
@@ -123,7 +123,7 @@
     padding: 6px 14px;
   }
 
-  .coconutLeft, 
+  .coconutLeft,
   .coconutRight {
     bottom: -70px;
     width: 200px;
@@ -132,7 +132,7 @@
   .coconutLeft {
     left: -80px;
   }
-  
+
   .coconutRight {
     right: -63px;
   }
@@ -141,4 +141,4 @@
     left: 0;
     width: 90px;
   }
-}
\ No newline at end of file
+}