diff --git a/frontend/public/scss/catalog.scss b/frontend/public/scss/catalog.scss
index ad897acdd..c980c6831 100644
--- a/frontend/public/scss/catalog.scss
+++ b/frontend/public/scss/catalog.scss
@@ -416,6 +416,7 @@
                     }
 
                     .catalog-item-description {
+                        height: 85px;
                         display: flex;
                         padding: 15px;
                         flex-direction: column;
@@ -435,7 +436,6 @@
                         }
 
                         .item-title {
-                            height: 36px;
                             align-self: stretch;
                             color: rgba(3, 21, 45, 0.85);
                             /* Add elipses after 2 lines of title text */
diff --git a/frontend/public/src/containers/pages/CatalogPage.js b/frontend/public/src/containers/pages/CatalogPage.js
index 16cad8459..6ea969e5f 100644
--- a/frontend/public/src/containers/pages/CatalogPage.js
+++ b/frontend/public/src/containers/pages/CatalogPage.js
@@ -669,10 +669,10 @@ export class CatalogPage extends React.Component<Props> {
               alt=""
             />
             <div className="catalog-item-description">
+              <div className="item-title">{course.title}</div>
               <div className="start-date-description">
                 {getStartDateText(course)}
               </div>
-              <div className="item-title">{course.title}</div>
             </div>
           </div>
         </a>