diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index 8541f9c9e..4b978d797 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -56,7 +56,7 @@
               <div class="schedule-details">
                 <div class="location">{{event.Location}}</div>
                 <div class="description">
-                  {{event.Subject}}
+                  <p>{{event.Subject}}</p>
                 </div>
               </div>
             </div>
diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index 338bf4ded..1343febc9 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -408,7 +408,7 @@ ion-toolbar{
           display: flex;
           flex-wrap: wrap;
           align-items: center;
-          width: 100%;
+          width: 78%;
           .location{
             font-family: Roboto;
             font-size: 13px;
@@ -417,12 +417,13 @@ ion-toolbar{
           
           }
           .description{
-            width: 275px;
+            width: 100%;
             font-family: Roboto;
             font-size: 15px;
             font-weight: bold;
             color: #0d89d1;
-
+          }
+          .description p{
             white-space: nowrap;
             overflow: hidden !important;
             text-overflow: ellipsis !important;