diff --git a/employeemanagement/src/components/dashboard/Dashboard.js b/employeemanagement/src/components/dashboard/Dashboard.js
index 0ab08e7f9a1298efc5490264ac7ea47a7112341d..1e544701ace1381ef0213c529608f8b78bc54820 100644
--- a/employeemanagement/src/components/dashboard/Dashboard.js
+++ b/employeemanagement/src/components/dashboard/Dashboard.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import Navbar from '../layout/Navbar';
 import ManageShift from '../layout/ManageShift';
+import ShiftReport from '../layout/ShiftReport';
 
 class Dashboard extends Component {
     render() {
@@ -8,6 +9,7 @@ class Dashboard extends Component {
             <div id="content">
                 <Navbar />
                 <ManageShift />
+                <ShiftReport />
             </div>
         )
     }
diff --git a/employeemanagement/src/components/layout/ShiftReport.js b/employeemanagement/src/components/layout/ShiftReport.js
new file mode 100644
index 0000000000000000000000000000000000000000..f52a37838c7a271eef460db31efa83ab450240ec
--- /dev/null
+++ b/employeemanagement/src/components/layout/ShiftReport.js
@@ -0,0 +1,38 @@
+import React from 'react'
+
+const ShiftReport = () =>{
+    return(
+        <div className="container">
+            <h2 className="text-center">Work report</h2>
+            <h5 className="text-center">Expected work: 08:00 to 17:00, 9 Hours with 1 Hour lunch break</h5>
+            <table className="table table-striped">
+                <thead>
+                    <tr>
+                        <th scope="col">Date</th>
+                        <th scope="col">Start time</th>
+                        <th scope="col">Lunch time</th>
+                        <th scope="col">Lunch end time</th>
+                        <th scope="col">Work end</th>
+                        <th scope="col">Total Break</th>
+                        <th scope="col">Total work</th>
+                        <th scope="col">Break + Work</th>
+                    </tr>
+                </thead>
+                <tbody className="workList">
+                    <tr className="collection-item">
+                        <th>DummyData</th>
+                        <td>DummyData</td>
+                        <td>DummyData</td>
+                        <td>DummyData</td>
+                        <td>DummyData</td>
+                        <th>DummyData</th>
+                        <th>DummyData</th>
+                        <th>DummyData</th>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    )
+}
+
+export default ShiftReport
diff --git a/employeemanagement/src/index.css b/employeemanagement/src/index.css
index 281efe77787e36858d56eeafd788677df3d5a03c..ed2decf6a223694e98f3a3add135fd39b3f8b2c6 100644
--- a/employeemanagement/src/index.css
+++ b/employeemanagement/src/index.css
@@ -49,6 +49,10 @@ code {
   height: 100px;
 }
 
+#content{
+  min-height: 500px;
+}
+
 #content .row{
   margin: 50px 0px;
-}
\ No newline at end of file
+}