diff --git a/src/app/components/Resume/ResumeIFrame.tsx b/src/app/components/Resume/ResumeIFrame.tsx
index f9169bf..5dd7de4 100644
--- a/src/app/components/Resume/ResumeIFrame.tsx
+++ b/src/app/components/Resume/ResumeIFrame.tsx
@@ -40,6 +40,7 @@ const getIframeInitialContent = (isA4: boolean) => {
     ${allFontFamiliesPreloadLinks}
     <style>
       ${allFontFamiliesFontFaces}
+      * { overflow-wrap: break-word; word-break: break-word; }
     </style>
   </head>
   <body style='overflow: hidden; width: ${width}pt; margin: 0; padding: 0; -webkit-text-size-adjust:none;'>
diff --git a/src/app/components/ResumeForm/Form/InputGroup.tsx b/src/app/components/ResumeForm/Form/InputGroup.tsx
index 8f73b99..c1e5b7e 100644
--- a/src/app/components/ResumeForm/Form/InputGroup.tsx
+++ b/src/app/components/ResumeForm/Form/InputGroup.tsx
@@ -126,7 +126,7 @@ const BulletListTextareaGeneral = <T extends string>({
     <InputGroupWrapper label={label} className={wrapperClassName}>
       <ContentEditable
         contentEditable={true}
-        className={`${INPUT_CLASS_NAME} cursor-text [&>div]:list-item ${
+        className={`${INPUT_CLASS_NAME} cursor-text break-words [&>div]:list-item ${
           showBulletPoints ? "pl-7" : "[&>div]:list-['']"
         }`}
         // Note: placeholder currently doesn't work
