Change css of reviewers status on To review section

packages/component-dashboard/src/components/Reviews.js

@@ -8,7 +8,10 @@ const Reviews = ({ reviews }) => (
   <div className={classes.root}>
     {['invited', 'accepted', 'rejected', 'completed'].map(status => (
       <span className={classes.badge} key={status}>
-        <Badge count={reviews[status].length} label={status} />
+        <Badge
+          count={reviews[status] ? reviews[status].length : 0}
+          label={status}
+        />
       </span>
     ))}
   </div>

packages/component-dashboard/src/components/sections/ReviewerItem.js

@@ -19,7 +19,7 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => {
         <VersionTitle className={classes.versionTitle} version={version} />
 
         {reviewer && (
-          <div>
+          <div className={classes.links}>
             {reviewer.status === 'accepted' && (
               <div className={classes.links}>
                 <div className={classes.link}>
@@ -60,8 +60,8 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => {
                 </div>
               </div>
             )}
-
-            {reviewer.status === 'rejected' && <div>rejected</div>}
+            {reviewer.status === 'completed' && 'completed'}
+            {reviewer.status === 'rejected' && 'rejected'}
           </div>
         )}
       </div>