diff --git a/kibbeh/src/ui/Input.tsx b/kibbeh/src/ui/Input.tsx
index c7bf76b0a..7d067ad69 100644
--- a/kibbeh/src/ui/Input.tsx
+++ b/kibbeh/src/ui/Input.tsx
@@ -12,7 +12,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
   ({ className, textarea, error, transparent, ...props }, ref) => {
     const bg = transparent ? `bg-transparent` : `bg-primary-700`;
     const ring = error ? `ring-1 ring-secondary` : "";
-    const cn = `w-full py-2 px-4 rounded-8 text-primary-100 placeholder-primary-300 focus:outline-none ${bg} ${ring} ${className} `;
+    const cn = `w-full py-2 px-4 rounded-8 text-primary-100 placeholder-primary-300 focus:outline-none ${bg} ${ring} ${className || ""} `;
 
     return textarea ? (
       <textarea
diff --git a/kibbeh/src/ui/Modal.tsx b/kibbeh/src/ui/Modal.tsx
index 514ca4918..8948e6dd0 100644
--- a/kibbeh/src/ui/Modal.tsx
+++ b/kibbeh/src/ui/Modal.tsx
@@ -16,7 +16,7 @@ const customStyles = {
       marginRight: "-50%",
       borderRadius: 8,
       padding: "40px 40px 40px 40px",
-      transform: "translate(-50%, -50%)",
+      transform: "translateX(-50%) translateY(calc(-50% - .5px));",
       backgroundColor: "var(--color-primary-800)",
       border: "none",
       maxHeight: "80vh",