diff --git a/scss/courselist.scss b/scss/courselist.scss
index dfda6fc..a35c68e 100644
--- a/scss/courselist.scss
+++ b/scss/courselist.scss
@@ -6,6 +6,10 @@
         min-width: calc(100% - 0.5rem) !important;
         max-width: calc(100% - 0.5rem) !important;
     }
+    .popover {
+        max-width: 100% !important;
+        width: 95% !important;
+    }
 }
 
 @media screen and
@@ -15,7 +19,10 @@
         min-width: calc(50% - 0.5rem) !important;
         max-width: calc(50% - 0.5rem) !important;
     }
-
+    .popover {
+        max-width: 100% !important;
+        width: 80% !important;
+    }
 }
 
 
@@ -26,13 +33,20 @@
         min-width: calc(33% - 0.5rem) !important;
         max-width: calc(33% - 0.5rem) !important;
     }
+    .popover {
+        max-width: 100% !important;
+        width: 80% !important;
+    }
 
 }
 
 @media screen and
 (min-width: 1251px) and
 (max-width: 4080px){
-
+    .popover {
+        max-width: 100% !important;
+        width: 60% !important;
+    }
 
 }
 .course-card-view {
@@ -65,10 +79,7 @@ body#page-enrol-index {
     }
 }
 
-.popover {
-    max-width: 100% !important;
-    width: 60% !important;
-}
+
 
 .minheight{
     background-position: top center !important;
@@ -99,7 +110,6 @@ body#page-enrol-index {
     color: white;
     background-color: #0069d9;
     border-color: #0069d9;
-
     border-radius: 5px;
 }