diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 4269dc6..715749d 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -33,7 +33,8 @@ const Button = forwardRef(
         disabled={loading || props.disabled}
         className={
           // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-          "transition-all hover:shadow-2xl " + props.className
+          "px-10 py-3 font-bold transition-all hover:shadow-2xl " +
+          props.className
         }
         onClick={onClick}
       >
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 85b6413..f57f906 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -9,14 +9,14 @@ interface InputProps {
 
 const Input = ({ placeholder, left, value, onChange }: InputProps) => {
   return (
-    <div className="flex w-[60%] items-center rounded-xl bg-[#3a3a3a] font-mono text-lg text-white/75 shadow-2xl transition-all">
+    <div className="flex w-[60%] items-center rounded-xl bg-[#3a3a3a] font-mono text-lg text-white/75 shadow-2xl">
       {left != null ? (
-        <div className="center flex h-full items-center rounded-xl rounded-r-none border-[2px] border-r-0 border-white/10 px-5 text-lg font-semibold tracking-wider">
+        <div className="center flex h-full items-center rounded-xl rounded-r-none border-[2px] border-r-0 border-white/10 px-5 text-lg font-semibold tracking-wider transition-all">
           {left}
         </div>
       ) : null}
       <input
-        className="border:black w-full rounded-xl rounded-l-none border-[2px] border-white/10 bg-transparent px-2 py-5 tracking-wider outline-0 placeholder:text-white/20 hover:border-[#1E88E5]/25 focus:border-[#1E88E5]"
+        className="border:black delay-50 w-full rounded-xl rounded-l-none border-[2px] border-white/10 bg-transparent px-2 py-3 tracking-wider outline-0 transition-all placeholder:text-white/20 hover:border-[#1E88E5]/25 focus:border-[#1E88E5]"
         placeholder={placeholder}
         type="text"
         value={value}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a827dc9..176dad3 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -103,17 +103,10 @@ const Home: NextPage = () => {
           {/* eslint-disable-next-line @typescript-eslint/no-misused-promises */}
           <Button
             onClick={() => void handleNewGoal()}
-            className="font-bolder text-gray/50 rounded-lg bg-[#1E88E5]/70 px-10 py-5 font-bold text-black/60 hover:bg-[#0084f7] hover:text-white"
+            className="font-bolder text-gray/50 rounded-lg bg-[#1E88E5]/70 text-black/60 hover:bg-[#0084f7] hover:text-white"
           >
             Deploy Agent
           </Button>
-
-          <Button
-            onClick={() => void handleNewGoal()}
-            className="font-bolder text-gray/50 rounded-lg bg-[#1E88E5]/70 px-10 py-5 font-bold text-black/60 hover:bg-[#0084f7] hover:text-white"
-          >
-            Next
-          </Button>
         </div>
       </main>
     </DefaultLayout>