Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -rf0206ca043e253b03bc1b6f99b345bbfe4b85dd2 -r29934b375099b67b06d6515d65c7bb3d72ace59e
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision f0206ca043e253b03bc1b6f99b345bbfe4b85dd2)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 29934b375099b67b06d6515d65c7bb3d72ace59e)
@@ -293,6 +293,7 @@
 	font-size: medium;
 }
 
+/*----------.div-hover----------------*/
 .div-hover>div {
 	align-items: center;
 	border-top: 1px solid #ddd;
@@ -302,6 +303,7 @@
 	background-color: var(--bs-gray-200);
 }
 
+/*----------.sbox----------------*/
 .sbox {
   border-bottom: 2px solid $gray-lighter;
   border-radius: 0px;
Index: lams_tool_assessment/web/includes/css/assessment.scss
===================================================================
diff -u -r8de3eaa9202afa22c16447d5236943cbe4749eb1 -r29934b375099b67b06d6515d65c7bb3d72ace59e
--- lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision 8de3eaa9202afa22c16447d5236943cbe4749eb1)
+++ lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision 29934b375099b67b06d6515d65c7bb3d72ace59e)
@@ -122,7 +122,7 @@
     border-radius: 10px
 }
 
-.div-hover {
+.div-hover>div:last-child {
     border-bottom: 1px solid #ddd;
 }
 .div-hover>.row {
@@ -136,14 +136,15 @@
   	margin-left: 120px;
 }
 .jGrowl-notification {
-	opacity: .6;
+	opacity: .8;
 	border-radius: 10px;
-	width: 260px;
-	padding: 10px 20px;
-		margin: 10px 20px;
+	width: 400px;
+	margin: 10px 20px;
+	background: #eedc94 url(#{$url_css_directory}/check48.png) no-repeat 10px 10px;
+	padding-bottom: 20px;
 }
 .jGrowl-message {
-	padding-left: 10px;
+	padding-left: 60px;
 	padding-top: 5px;
 }
 
Index: lams_tool_scratchie/web/includes/css/scratchie-learning.scss
===================================================================
diff -u -r8121ab6e6a1166176a6c77a34a4eeee03ff0787c -r29934b375099b67b06d6515d65c7bb3d72ace59e
--- lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 8121ab6e6a1166176a6c77a34a4eeee03ff0787c)
+++ lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 29934b375099b67b06d6515d65c7bb3d72ace59e)
@@ -13,23 +13,26 @@
 	border: 0;
 }
 
+/*----------countdown growl----------------*/
 .jGrowl {
   	font-size: 22px;
   	font-family: $font-family-base;
   	margin-left: 120px;
 }
 .jGrowl-notification {
-	opacity: .6;
+	opacity: .8;
 	border-radius: 10px;
-	width: 230px;
+	width: 400px;
 	margin: 10px 20px;
 	background: #eedc94 url(#{$url_css_directory}/check48.png) no-repeat 10px 10px;
+	padding-bottom: 20px;
 }
 .jGrowl-message {
 	padding-left: 60px;
 	padding-top: 5px;
 }
 
+/*----------  ----------------*/
 .question-etherpad-container {
 	padding: 0 15px;
 }