diff --git a/blocks/myoverview/templates/view-cards.mustache b/blocks/myoverview/templates/view-cards.mustache
index b940a1e414a..0a995fd9933 100644
--- a/blocks/myoverview/templates/view-cards.mustache
+++ b/blocks/myoverview/templates/view-cards.mustache
@@ -55,7 +55,7 @@
         <span class="sr-only">
             {{#str}}aria:coursecategory, core_course{{/str}}
         </span>
-        <span class="categoryname">
+        <span class="categoryname text-truncate">
             {{{coursecategory}}}
         </span>
     {{/coursecategory}}
diff --git a/course/templates/coursecard.mustache b/course/templates/coursecard.mustache
index 1aba15c597f..2d45db27414 100644
--- a/course/templates/coursecard.mustache
+++ b/course/templates/coursecard.mustache
@@ -43,8 +43,8 @@
     </a>
     <div class="card-body pr-1 course-info-container" id="course-info-container-{{id}}-{{uniqid}}">
         <div class="d-flex align-items-start">
-            <div>
-                <div class="text-muted muted d-flex w-100 mb-1 text-truncate flex-wrap">
+            <div class="w-100 text-truncate">
+                <div class="text-muted muted d-flex mb-1 flex-wrap">
                     {{$coursecategory}}{{/coursecategory}}
                     {{#showshortname}}
                     {{$divider}}{{/divider}}
@@ -56,7 +56,7 @@
                     </div>
                     {{/showshortname}}
                 </div>
-                <a href="{{viewurl}}" class="coursename mr-2 text-truncate">
+                <a href="{{viewurl}}" class="coursename mr-2">
                     {{> core_course/favouriteicon }}
                     <span class="sr-only">
                             {{#str}}aria:coursename, core_course{{/str}}