fix: title breaking on small width devices on multiple lines

codetapacademy · Nov 18, 2019 · 0dcbdd8 · 0dcbdd8
1 parent 249b397
commit 0dcbdd8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/component/_dumb/header-title/header-title.style.js b/src/component/_dumb/header-title/header-title.style.js
@@ -13,6 +13,9 @@ export const StyledTitle = styled.h1`
   margin: 0;
   font-size: ${({ fontSize }) => fontSize};
   color: white;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 `;
 
 export const DynamicStyledTitle = wrapTitle(StyledTitle);