fix(dashboarCard): fix flex wrap

packages/component-faraday-ui/src/ManuscriptCard.js

@@ -124,7 +124,7 @@ const MainContainer = styled.div`
   flex-direction: column;
   padding: calc(${th('gridUnit')} * 2);
   padding-bottom: ${th('gridUnit')};
-  width: 100%;
+  width: calc(100% - (${th('gridUnit')} * 5 / 2));
 
   ${Row} {
     [data-tooltipped] {

packages/component-faraday-ui/src/gridItems/Item.js

@@ -10,7 +10,7 @@ export default styled.div.attrs({
   display: flex;
   flex: ${({ flex }) => (isNumber(flex) ? flex : 1)};
   flex-direction: ${({ vertical }) => (vertical ? 'column' : 'row')};
-  flex-wrap: wrap;
+  flex-wrap: ${props => props.flexWrap || 'initial'};
   justify-content: ${({ justify }) => justify || 'initial'};
   align-items: ${({ alignItems }) => alignItems || 'initial'};
 

packages/component-faraday-ui/src/gridItems/Row.js

@@ -10,7 +10,7 @@ export default styled.div.attrs({
   align-items: ${props => get(props, 'alignItems', 'flex-start')};
   background-color: ${props => props.bgColor || 'transparent'};
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: ${props => props.flexWrap || 'initial'};
   flex-direction: row;
   justify-content: ${({ justify }) => justify || 'space-evenly'};
   height: ${props => get(props, 'height', 'auto')};

packages/components-faraday/src/components/Dashboard/DashboardItems.js

@@ -56,6 +56,7 @@ export default compose(
 const Root = styled.div`
   height: calc(100vh - ${th('gridUnit')} * 21);
   overflow-y: auto;
+  padding-right: ${th('gridUnit')};
   overflow-x: hidden;
   div[open] {
     width: auto;