diff --git a/SAS/TMSS/frontend/tmss_webapp/src/App.css b/SAS/TMSS/frontend/tmss_webapp/src/App.css
index 350c495cae596a1f2190beaab35d797f618d7f96..5b200d221199dd02a152e172d2b5fe5c230c6405 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/App.css
+++ b/SAS/TMSS/frontend/tmss_webapp/src/App.css
@@ -288,4 +288,8 @@ body > iframe {
 
 .workflow-wrap {
     flex-wrap: wrap;
-}
\ No newline at end of file
+}
+
+.report-wrap {
+    flex-wrap: wrap;
+}
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/project.report.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/project.report.js
index 3f3bf0db31b0bb7d92e8f86439e3edbad40784c5..513a835483772440f87ffe07f64c87804f00263b 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/project.report.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/project.report.js
@@ -363,7 +363,7 @@ class ProjectReport extends Component {
                 <div className="report-div" id={`${this.props.project.name}-report-div`}>
                     <div id={`${this.props.project.name}-project-details`}>
                     <h2 style={{textAlign: "center", marginBottom:"25px"}}>Report statistics for project {this.props.project.name}</h2>
-                    <div className="p-grid">
+                    <div className="p-grid report-wrap">
                         <div className="col-lg-3 col-md-4 col-sm-12">
                             <label>Project Documentation</label>
                         </div>