diff --git a/lang/en/block_overviewmyrolesincourses.php b/lang/en/block_overviewmyrolesincourses.php
index 85769f8..369d436 100644
--- a/lang/en/block_overviewmyrolesincourses.php
+++ b/lang/en/block_overviewmyrolesincourses.php
@@ -29,6 +29,8 @@
 $string['agendanothidden'] = 'Not hidden courses';
 $string['agendahidden'] = 'Hidden courses';
 $string['butnotvisible'] = 'but not visible';
+$string['courseisnothidden'] = 'Course is not hidden';
+$string['courseishidden'] = 'Course is hidden';
 $string['defaultfoldonstart'] = 'Default: Fold on start';
 $string['defaultfoldonstart_desc'] = 'By default courselists are fold';
 $string['defaultshowpast'] = 'Default: Show past';
diff --git a/styles.css b/styles.css
index fcf8be2..ec4b304 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,8 @@
+.overviewmyrolesincourses {
+    box-shadow: 0 0 5px 0 #ddd;
+    margin-bottom: 10px;
+}
+
 .overviewmyrolesincourses-bg-manager {
     background-color: #aaa;
 }
@@ -54,13 +59,13 @@
     display: none;
 }
 
-.row.duration {
+.overviewmyrolesincourses .row.duration {
     margin-left: 0;
 }
-.row.duration .col-8 {
+.overviewmyrolesincourses .row.duration .col-8 {
     padding-left: 0;
 }
-.row.duration .col-4 {
+.overviewmyrolesincourses .row.duration .col-4 {
     padding-right: 10px;
 }
 
@@ -68,6 +73,6 @@
     text-align: right;
 }
 
-.summary .no-overflow p {
+.overviewmyrolesincourses .summary .no-overflow p {
     margin-bottom: 0.5rem;
 }
diff --git a/templates/overviewmyrolesincourses.mustache b/templates/overviewmyrolesincourses.mustache
index 91ff3c9..ce74cbc 100644
--- a/templates/overviewmyrolesincourses.mustache
+++ b/templates/overviewmyrolesincourses.mustache
@@ -74,7 +74,7 @@
     }
 }}
 
-<div class="border shadow mb-4">
+<div class="overviewmyrolesincourses">
     <script>
         function myFunction{{roleshortname}}() {
             var element = document.getElementById("overviewmyrolesincourses-visibility-{{roleshortname}}");
@@ -102,8 +102,12 @@
                         {{#favourite}}
                             ⭐
                         {{/favourite}}
-                        {{^dimmed}}<span><i class="fa fa-eye" aria-hidden="true"></i></span>{{/dimmed}}
-                        {{#dimmed}}<span><i class="fa fa-eye-slash" aria-hidden="true"></i></span>{{/dimmed}}
+                        {{^dimmed}}<span><i class="fa fa-eye" aria-hidden="true"></i></span>
+                            <span class="sr-only">{{# str }} courseisnothidden, block_overviewmyrolesincourses {{/str}}</span>
+                        {{/dimmed}}
+                        {{#dimmed}}<span><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
+                            <span class="sr-only">{{# str }} courseishidden, block_overviewmyrolesincourses {{/str}}</span>
+                        {{/dimmed}}
                         {{#showdeleteicon}}
                             <a href="{{urldelete}}">
                                 <i class="fa fa-trash" aria-hidden="true"></i>