diff --git a/_includes/hub_cards.html b/_includes/hub_cards.html
index 0bdfd0ea34e1..5d4921440415 100644
--- a/_includes/hub_cards.html
+++ b/_includes/hub_cards.html
@@ -9,7 +9,7 @@
             <div class="card-body">
               <div class="hub-card-title-container">
                 <ul class="star-list">
-                  <li class="card-title">{{ item.title }}</li>
+                  <li class="card-title">{{ item.title | truncate: 25 }}</li>
                   <div class="icon-count-container">
                     <li>
                       <li><img class="github-logo" src="/assets/images/logo-github.svg"></li>
@@ -19,7 +19,7 @@
                   </div>
                 </ul>
               </div>
-              <p class="card-summary">{{ item.summary }}</p>
+              <p class="card-summary">{{ item.summary | truncate: 150 }}</p>
               <div class="hub-image">
                 <img src="{{ site.baseurl }}/assets/images/{{ item.image }}">
               </div>
diff --git a/hub/hub.html b/hub/hub.html
index 8aefa07d442b..90550f381aef 100644
--- a/hub/hub.html
+++ b/hub/hub.html
@@ -51,7 +51,7 @@ <h3 class="research-hub-sub-title">Explore and extend models<br> from the latest
                       <div class="card-body">
                         <div class="hub-card-title-container">
                           <ul class="star-list">
-                            <li class="card-title">{{ item.title }}</li>
+                            <li class="card-title">{{ item.title | truncate: 25 }}</li>
                             <div class="icon-count-container">
                               <li>
                                 <li><img class="github-logo" src="/assets/images/logo-github.svg"></li>
@@ -61,7 +61,7 @@ <h3 class="research-hub-sub-title">Explore and extend models<br> from the latest
                             </div>
                           </ul>
                         </div>
-                        <p class="card-summary">{{ item.summary }}</p>
+                        <p class="card-summary">{{ item.summary | truncate: 150 }}</p>
                         <div class="hub-image">
                           <img src="{{ site.baseurl }}/assets/images/{{ item.image }}">
                         </div>