diff --git a/public/react/src/modules/courses/coursesDetail/CoursesBanner.js b/public/react/src/modules/courses/coursesDetail/CoursesBanner.js
index 8a71e36e6..8a11b217c 100644
--- a/public/react/src/modules/courses/coursesDetail/CoursesBanner.js
+++ b/public/react/src/modules/courses/coursesDetail/CoursesBanner.js
@@ -721,15 +721,15 @@ class CoursesBanner extends Component {
 														.ant-breadcrumb-separator{
 														      color: rgba(255,255,255,0.3) !important;
 														}
-														.ant-tooltip-inner{
+														.pointer .ant-tooltip-inner{
 														
 background:rgba(204,204,204,0.2) !important;
 														}
-														.ant-tooltip-arrow::before{
+														.pointer .ant-tooltip-arrow::before{
 													
 background:rgba(204,204,204,0.2) !important;
 														}
-														.antsoancss{
+														.pointer .antsoancss{
 														color: #fff;
 														}
 													`}
@@ -737,7 +737,7 @@ background:rgba(204,204,204,0.2) !important;
 												<Breadcrumb separator="|" className={"mt5"}>
 
 													<Breadcrumb.Item className={"pointer"}>
-														<Tooltip  visible={coursedata.teacher_applies_count===undefined?false:coursedata.teacher_applies_count>0?true:false}
+														<Tooltip getPopupContainer={trigger => trigger.parentNode}  visible={coursedata.teacher_applies_count===undefined?false:coursedata.teacher_applies_count>0?true:false}
 														placement="topLeft"
 																		 title={<pre className="antsoancss">
 																			 {coursedata.teacher_applies_count===undefined?"":coursedata.teacher_applies_count>0?