diff --git a/app/globals.css b/app/globals.css
index 95827716..fe170b74 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -13,3 +13,41 @@ html.dark {
 .borderBlack {
   @apply border border-black/10;
 }
+
+/* Create Custom Scrollbar */
+/* Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #222831 #222831;
+}
+
+/* Chrome, Edge and Safari */
+*::-webkit-scrollbar {
+  width: 10px;
+  width: 10px;
+}
+
+*::-webkit-scrollbar-track {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-track:hover {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-track:active {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: #ffffff4f;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: #ffffffbb;
+}
+
+*::-webkit-scrollbar-thumb:active {
+  background-color: #ffffff;
+}
\ No newline at end of file
diff --git a/components/contact.tsx b/components/contact.tsx
index a85b2be1..f85e3b14 100644
--- a/components/contact.tsx
+++ b/components/contact.tsx
@@ -53,7 +53,7 @@ export default function Contact() {
         }}
       >
         <input
-          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-80 dark:focus:bg-opacity-100 transition-all dark:outline-none"
+          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 dark:text-white transition-all dark:outline-none"
           name="senderEmail"
           type="email"
           required
@@ -61,7 +61,7 @@ export default function Contact() {
           placeholder="Your email"
         />
         <textarea
-          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-80 dark:focus:bg-opacity-100 transition-all dark:outline-none"
+          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 dark:text-white transition-all dark:outline-none"
           name="message"
           placeholder="Your message"
           required
diff --git a/components/intro.tsx b/components/intro.tsx
index 6d6757ca..aec569bd 100644
--- a/components/intro.tsx
+++ b/components/intro.tsx
@@ -52,7 +52,8 @@ export default function Intro() {
               duration: 0.7,
             }}
           >
-            👋
+            {/* 👋 */}
+            <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f44b/512.gif" alt="👋" width="42" height="42" />
           </motion.span>
         </div>
       </div>