diff --git a/course/renderer.php b/course/renderer.php
index 021f0ee8322..535b75fe30c 100644
--- a/course/renderer.php
+++ b/course/renderer.php
@@ -1225,7 +1225,7 @@ class core_course_renderer extends plugin_renderer_base {
                     html_writer::tag('span', $file->get_filename(), ['class' => 'fp-filename']);
                 $contentfiles .= html_writer::tag('span',
                     html_writer::link($url, $filename),
-                    ['class' => 'coursefile fp-filename-icon']);
+                    ['class' => 'coursefile fp-filename-icon text-break']);
             }
         }
         return $contentimages . $contentfiles;
diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index 7c5f561766a..9d1a8efffc6 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -783,6 +783,7 @@ span.editinstructions {
     font-weight: $font-weight-bold;
 }
 
+.coursebox .content .coursefile,
 .coursebox .content .courseimage img {
     max-width: 100px;
     max-height: 100px;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index e3614e33b92..416329841cf 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -14423,6 +14423,7 @@ span.editinstructions {
 .coursebox .customfieldseparator {
   font-weight: 700; }
 
+.coursebox .content .coursefile,
 .coursebox .content .courseimage img {
   max-width: 100px;
   max-height: 100px; }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 8f5be46155c..879bac45bc9 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -14423,6 +14423,7 @@ span.editinstructions {
 .coursebox .customfieldseparator {
   font-weight: 700; }
 
+.coursebox .content .coursefile,
 .coursebox .content .courseimage img {
   max-width: 100px;
   max-height: 100px; }