style(details): handle manuscript type overflow

packages/component-manuscript/src/atoms/index.js

@@ -77,7 +77,6 @@ const LeftDetails = styled.div`
   justify-content: flex-start;
   align-items: center;
   flex: ${({ flex }) => flex || 1};
-  max-width: 75%;
 `
 
 const RightDetails = styled.div`
@@ -86,7 +85,6 @@ const RightDetails = styled.div`
   justify-content: flex-end;
   align-items: center;
   flex: ${({ flex }) => flex || 1};
-  max-width: 75%;
 `
 
 const StatusLabel = styled.div`
@@ -111,6 +109,7 @@ const Row = styled.div`
   align-items: center;
   width: 100%;
   box-sizing: border-box;
+  flex-wrap: wrap;
 `
 
 const ManuscriptType = styled.div`