Prevent word break in headerInfo

Author: git-babel

lib/css/styles.js

@@ -1143,12 +1143,12 @@ const styles = {
 
   headerUserId: {
     display: 'none',
-    wordBreak: 'break-all',
+    whiteSpace: 'nowrap',
     color: colors.purple50
   },
 
   headerNickname: {
-    wordBreak: 'break-all',
+    whiteSpace: 'nowrap',
     color: colors.white
   },
 
@@ -1163,9 +1163,6 @@ const styles = {
     '& $avatar': {
       marginLeft: '0px'
     },
-    '& $headerInfo': {
-      width: '164px'
-    },
     '& $headerNickname': {
       color: colors.navy900
     },
@@ -1183,7 +1180,7 @@ const styles = {
     paddingBottom: '8px',
     paddingLeft: '0px',
     paddingRight: '0px',
-    width: '248px',
+    minWidth: '248px',
     borderRadius: '4px',
     boxShadow: '0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(33, 34, 66, 0.08), 0 8px 10px 1px rgba(33, 34, 66, 0.12)',
     backgroundColor: colors.white,