diff --git a/lib/ContentEditable.tsx b/lib/ContentEditable.tsx
index 39f9930..73f98ce 100644
--- a/lib/ContentEditable.tsx
+++ b/lib/ContentEditable.tsx
@@ -268,7 +268,7 @@ const ContentEditable: React.FC<ContentEditableProps> = ({
   return (
     <div
       className={containerClassName}
-      style={{ display: "flex", alignItems: "center" }}
+      style={{ display: "flex", alignItems: "center", position: "relative" }}
     >
       <div
         ref={divRef}
@@ -280,12 +280,14 @@ const ContentEditable: React.FC<ContentEditableProps> = ({
         aria-label={placeholder ?? ""}
         className={contentEditableClassName}
         style={{
-          padding: "calc((1.5rem * 1.3125)/2) 0 calc((1.5rem * 1.3125)/2) 1rem",
           overflow: "auto",
           height: "auto",
           textAlign: "initial",
           wordBreak: "break-word",
           unicodeBidi: "plaintext",
+          boxSizing: "border-box",
+          minHeight: "1.5rem",
+          lineHeight: "1.5",
         }}
         onInput={(e: React.FormEvent<HTMLDivElement>) => {
           if (disabled) return
@@ -318,6 +320,8 @@ const ContentEditable: React.FC<ContentEditableProps> = ({
             position: "absolute",
             pointerEvents: "none",
             textAlign: "initial",
+            top: 0,
+            left: 0,
           }}
         >
           {placeholder ?? ""}