diff --git a/client/src/scenes/Home/index.js b/client/src/scenes/Home/index.js
index 21c2698..33d192c 100644
--- a/client/src/scenes/Home/index.js
+++ b/client/src/scenes/Home/index.js
@@ -4,12 +4,13 @@ import { Container, Message } from 'semantic-ui-react';
 
 import MainMenu from '../../components/MainMenu';
 import { mainMenuItems } from '../../constants/menuItems';
+import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
 
 class Home extends Component {
 
     render () {
         return (
-            <Container>
+            <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
                 <MainMenu/>
                 <h3>SIMA SPACE </h3>
                 <hr/>
diff --git a/client/src/scenes/IncidentsReport/index.js b/client/src/scenes/IncidentsReport/index.js
index 951e642..891f87a 100644
--- a/client/src/scenes/IncidentsReport/index.js
+++ b/client/src/scenes/IncidentsReport/index.js
@@ -8,6 +8,7 @@ import MemberIncidentsTables from '../../components/MemberIncidentsTables';
 import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
 
 import { fetchIncidents } from '../../store/actions';
+import { CONTAINER_WIDTH_PERCENTAGE } from '../../constants/constants';
 
 class IncidentsReport extends Component {
     state = {dateRange: null};
@@ -33,7 +34,7 @@ class IncidentsReport extends Component {
         }
 
         return (
-            <Container>
+            <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
                 <MainMenu/>
                 <h3>Incidents Report</h3>
                 <hr/>
diff --git a/client/src/scenes/MemberPracticeSummaryReport/index.js b/client/src/scenes/MemberPracticeSummaryReport/index.js
index fcec497..aaba9ad 100644
--- a/client/src/scenes/MemberPracticeSummaryReport/index.js
+++ b/client/src/scenes/MemberPracticeSummaryReport/index.js
@@ -5,6 +5,7 @@ import { Container, Button, Loader, Input, Message, Grid } from 'semantic-ui-rea
 import MainMenu from '../../components/MainMenu';
 
 import { fetchMemberPracticeSummaryReport } from '../../store/actions';
+import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
 
 class MemberPracticeSummaryReport extends Component {
 
@@ -54,7 +55,7 @@ class MemberPracticeSummaryReport extends Component {
         error = fetchReportError ? fetchReportError : error;
 
         return (
-            <Container>
+            <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
                 <MainMenu/>
                 <h3>Member Practice Summary Report</h3>
                 <hr/>
diff --git a/client/src/scenes/RoomOfficeNameMapping/index.js b/client/src/scenes/RoomOfficeNameMapping/index.js
index 19fa6ec..6b36438 100644
--- a/client/src/scenes/RoomOfficeNameMapping/index.js
+++ b/client/src/scenes/RoomOfficeNameMapping/index.js
@@ -5,6 +5,7 @@ import { Container, Message, Loader, Table } from 'semantic-ui-react';
 import MainMenu from '../../components/MainMenu';
 import { fetchMappings } from '../../store/actions';
 import SingleMapping from './components/SingleMapping';
+import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
 
 class RoomOfficeNameMapping extends Component {
 
@@ -47,7 +48,7 @@ class RoomOfficeNameMapping extends Component {
         });
 
         return (
-            <Container>
+            <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
                 <Loader active={pendingMappings} />
                 <MainMenu/>
                 <h3>Room Office Mapping</h3>
diff --git a/client/src/scenes/SpecificMemberIncidentsReport/index.js b/client/src/scenes/SpecificMemberIncidentsReport/index.js
index 0ed11bd..5e1c0fb 100644
--- a/client/src/scenes/SpecificMemberIncidentsReport/index.js
+++ b/client/src/scenes/SpecificMemberIncidentsReport/index.js
@@ -10,6 +10,7 @@ import MemberIncidentsTables from '../../components/MemberIncidentsTables';
 import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
 
 import { fetchMemberIncidents } from '../../store/actions';
+import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
 
 class SpecificMemberIncidentsReport extends Component {
     constructor(props){
@@ -48,7 +49,7 @@ class SpecificMemberIncidentsReport extends Component {
         const addFeesButtonDisabled = !memberId || !dateRange || loading;
 
         return (
-            <Container>
+            <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
                 <MainMenu/>
                 <h3>Member Incidents Report</h3>
                 <hr/>
diff --git a/client/src/scenes/UploadDLockData/index.js b/client/src/scenes/UploadDLockData/index.js
index 8d245c8..8aedf72 100644
--- a/client/src/scenes/UploadDLockData/index.js
+++ b/client/src/scenes/UploadDLockData/index.js
@@ -4,10 +4,11 @@ import { Container, Form } from 'semantic-ui-react';
 import MainMenu from '../../components/MainMenu';
 import FileUpload from './components/FileUpload';
 import UploadResults from './components/UploadResults';
+import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
 
 function UploadDLockData() {
     return (
-        <Container>
+        <Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
             <MainMenu/>
             <h3>DLock Data</h3>
             <hr/>