diff --git a/src/components/Datepicker.tsx b/src/components/Datepicker.tsx
index 5f92330..75430c1 100644
--- a/src/components/Datepicker.tsx
+++ b/src/components/Datepicker.tsx
@@ -110,7 +110,7 @@ const Datepicker = (props: DatepickerType) => {
         if (arrow && div && div.classList.contains("block")) {
             div.classList.remove("block");
             div.classList.remove("translate-y-0");
-            div.classList.remove("opacity-1");
+            div.classList.remove("opacity-100");
             div.classList.add("translate-y-4");
             div.classList.add("opacity-0");
             setTimeout(() => {
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index f34f1b0..7c3c4cc 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -248,7 +248,7 @@ const Input = () => {
                     div.classList.remove("translate-y-4");
                     div.classList.remove("opacity-0");
                     div.classList.add("translate-y-0");
-                    div.classList.add("opacity-1");
+                    div.classList.add("opacity-100");
                 }, 1);
             }
         }