diff --git a/src/components/ModalTitle/index.tsx b/src/components/ModalTitle/index.tsx
index 4b2a7f64..529d6d64 100644
--- a/src/components/ModalTitle/index.tsx
+++ b/src/components/ModalTitle/index.tsx
@@ -11,6 +11,9 @@ import Row from 'src/components/layout/Row'
 const StyledParagraph = styled(Paragraph)`
   && {
     font-size: ${lg};
+    white-space: nowrap;
+    max-width: 370px;
+    overflow: hidden;
   }
 `
 const IconImg = styled.img`
@@ -57,7 +60,7 @@ const ModalTitle = ({ goBack, iconUrl, title, onClose }: Props): React.ReactElem
           </GoBackWrapper>
         )}
         {iconUrl && <IconImg alt={title} src={iconUrl} />}
-        <StyledParagraph noMargin weight="bolder">
+        <StyledParagraph noMargin weight="bolder" title={title}>
           {title}
         </StyledParagraph>
       </TitleWrapper>
diff --git a/src/components/layout/Paragraph/index.tsx b/src/components/layout/Paragraph/index.tsx
index da0d5705..a2793299 100644
--- a/src/components/layout/Paragraph/index.tsx
+++ b/src/components/layout/Paragraph/index.tsx
@@ -17,6 +17,7 @@ interface Props {
   weight?: string
   onClick?: MouseEventHandler<HTMLParagraphElement>
   style?: CSSProperties
+  title?: string
 }
 
 const Paragraph = (props: Props): ReactElement => {