diff --git a/lms/static/sass/views/_program-details.scss b/lms/static/sass/views/_program-details.scss
index f8dd31d41c..b2fbbfa6e5 100644
--- a/lms/static/sass/views/_program-details.scss
+++ b/lms/static/sass/views/_program-details.scss
@@ -442,7 +442,7 @@
         }
 
         .course-details {
-            float: none;
+            float: left;
 
             .course-title { 
                 font-size: 1em;
@@ -467,13 +467,20 @@
                 display: table;
                 width: 100%;
             }
+            .course-content {
+                overflow: hidden;
+            }
         }
 
         .course-details {
+            width: 100%;
+            float: none;
             @media(min-width: $bp-screen-md) {
                 display: table-cell;
                 vertical-align: top;
                 padding: 0 10px 0 0;
+                float: left;
+                width: calc(100% - 205px);
             }
         }
 
@@ -481,6 +488,7 @@
             @media(min-width: $bp-screen-md) {
                 width: 200px;
                 text-align: right;
+                float: right;
             }
 
             .course-enroll-view {
diff --git a/lms/templates/learner_dashboard/course_card.underscore b/lms/templates/learner_dashboard/course_card.underscore
index 437cf6b99c..b903074a4d 100644
--- a/lms/templates/learner_dashboard/course_card.underscore
+++ b/lms/templates/learner_dashboard/course_card.underscore
@@ -1,25 +1,27 @@
 <div class="section">
     <div class="course-meta-container">
-        <div class="course-details">
-            <h5 class="course-title">
-                <% if ( marketing_url || course_url ) { %>
-                    <a href="<%- marketing_url || course_url %>" class="course-title-link">
+        <div class="course-content">
+            <div class="course-details">
+                <h5 class="course-title">
+                    <% if ( marketing_url || course_url ) { %>
+                        <a href="<%- marketing_url || course_url %>" class="course-title-link">
+                            <%- title %>
+                        </a>
+                    <% } else { %>
                         <%- title %>
-                    </a>
-                <% } else { %>
-                    <%- title %>
-                <% } %>
-            </h5>
-            <div class="course-text">
-                <% if (enrolled) { %>
-                    <span class="enrolled"><%- enrolled %>: </span>
-                <% } %>
-                <% if (dateString) { %>
-                    <span class="run-period"><%- dateString %></span>
-                <% } %>
+                    <% } %>
+                </h5>
+                <div class="course-text">
+                    <% if (enrolled) { %>
+                        <span class="enrolled"><%- enrolled %>: </span>
+                    <% } %>
+                    <% if (dateString) { %>
+                        <span class="run-period"><%- dateString %></span>
+                    <% } %>
+                </div>
             </div>
+            <div class="course-actions"></div>
         </div>
-        <div class="course-actions"></div>
         <div class="course-certificate certificate-status"></div>
     </div>
 </div>