diff --git a/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js b/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
index da44920cf..a6e99e5a6 100644
--- a/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
+++ b/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
@@ -90,7 +90,7 @@ class CompetitionsIndex extends Component{
 									`
 								}
 							</style>
-							<div className="courses-head pr" style={{"background":`url(${getImageUrl(`images/educoder/competitions/courses.jpg`)})`}}>
+							<div className="courses-head pr Competitionshead " style={{"background":`url(${getImageUrl(`images/educoder/competitions/courses.jpg`)})`}}>
 								<div className="edu-txt-center pathNavLine">
 									<div className="inline path-nav"></div>
 								</div>
diff --git a/public/react/src/modules/competitions/Competitimain/Competitionsindex.css b/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
index 92717a213..689a11d09 100644
--- a/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
+++ b/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
@@ -141,4 +141,13 @@
 
 .competitionstitlesshou{
     cursor: pointer;
+}
+
+
+.Competitionshead{
+    background-color: #2d28ba !important;
+    background-size: cover !important;
+    background-position: center !important;
+    background-position: 50% !important;
+    background-repeat: no-repeat !important;
 }
\ No newline at end of file