From 7e2d64e9d2ed0705aa52222e8e0d855e65bef9f9 Mon Sep 17 00:00:00 2001
From: Ezequiel <7424138+byeze@users.noreply.github.com>
Date: Sun, 23 May 2021 14:01:48 -0300
Subject: [PATCH] fix(modal): change css prop to fix text rendering error

changed transform prop of the modal so it can render text properly

fix #2779
---
 kibbeh/src/ui/Input.tsx | 4 +++-
 kibbeh/src/ui/Modal.tsx | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/kibbeh/src/ui/Input.tsx b/kibbeh/src/ui/Input.tsx
index c7bf76b0a..f1e6b4717 100644
--- a/kibbeh/src/ui/Input.tsx
+++ b/kibbeh/src/ui/Input.tsx
@@ -12,7 +12,9 @@ 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",