diff --git a/course/renderer.php b/course/renderer.php
index f01d069f05c..4894ff901e1 100644
--- a/course/renderer.php
+++ b/course/renderer.php
@@ -1218,7 +1218,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 cce87aea339..d77fb26a26d 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 29bca042afc..9adbd304e21 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -28455,6 +28455,7 @@ span.editinstructions .alert-link {
   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 242f9566cce..5f54613b231 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -28455,6 +28455,7 @@ span.editinstructions .alert-link {
   font-weight: 700;
 }
 
+.coursebox .content .coursefile,
 .coursebox .content .courseimage img {
   max-width: 100px;
   max-height: 100px;