I'm coding a login page and want to style my inputs. That's what my input looks like now.


The colors only look so strange so I can understand which part of the code does what.
This is my current code:

<Input
              label="Email"
              type="email"
              classNames={{
                label: "text-pink-500",
                innerWrapper: "bg-red-400 focus:border-red-500",
                inputWrapper:
                  "bg-blue-400 outline-none border-black focus:border-red-500 focus:ring-2 focus:ring-red-500",
              }}
            />

However, I can't remove the border from the input can anyone help me?