diff --git a/src/components/pages/News.js b/src/components/pages/News.js
index a94b43df4dcd785b8a6ee65a86db449d3da8bf33..1b19ba0f9ac5d49bd5c70f60bcabfdda4848b5e8 100644
--- a/src/components/pages/News.js
+++ b/src/components/pages/News.js
@@ -25,7 +25,10 @@ class News extends Component {
               style={{ fontSize: '2em', width: '100%' }}
             >
               <Grid>
-                <Grid.Column floated='left' width={8}>
+                <Grid.Column
+                  floated='left'
+                  width={this.props.user.role === 'Staff' ? 12 : 16}
+                >
                   {item.title}
                 </Grid.Column>
                 { this.props.user.role === 'Staff' ?
diff --git a/src/components/pages/TraineeTableRow.js b/src/components/pages/TraineeTableRow.js
index 34e58c3c4ac541fded95a5663c55875f3047e0d2..215ef8eff16bb6f818377810aa5cb923f9ad15fc 100644
--- a/src/components/pages/TraineeTableRow.js
+++ b/src/components/pages/TraineeTableRow.js
@@ -75,7 +75,7 @@ class TraineeTableRow extends Component {
         <Table.Cell>
           <Grid>
             <Grid.Row>
-              <Grid.Column floated='left' width={8} textAlign='left'>
+              <Grid.Column floated='left' width={11} textAlign='left'>
 
                 {notes.length > 0 ?
                   <Comment>
@@ -92,7 +92,7 @@ class TraineeTableRow extends Component {
                   null
                  }
               </Grid.Column>
-              <Grid.Column floated='right' width={4} textAlign='right'>
+              <Grid.Column floated='right' width={5} textAlign='right'>
                 {notes.length > 0 ?
                   <CommentModal notes={notes} />
              :