diff --git a/samples/react-at-a-glance/src/webparts/newsGlance/NewsGlanceWebPart.ts b/samples/react-at-a-glance/src/webparts/newsGlance/NewsGlanceWebPart.ts
index b385c2744..8cd344845 100644
--- a/samples/react-at-a-glance/src/webparts/newsGlance/NewsGlanceWebPart.ts
+++ b/samples/react-at-a-glance/src/webparts/newsGlance/NewsGlanceWebPart.ts
@@ -77,6 +77,10 @@ export default class NewsGlanceWebPart extends BaseClientSideWebPart<INewsGlance
     let element: any;
 
     if (this.width < 400) {
+      this.sentences = this.sentences.map(sentence => {
+        return sentence.length > 100 ? `${sentence.slice(0, 100)}...` : sentence;
+      });
+
       element = React.createElement(
         NewsGlanceSmall,
         {
diff --git a/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceLarge.module.scss b/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceLarge.module.scss
index b3a4d7665..a27289877 100644
--- a/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceLarge.module.scss
+++ b/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceLarge.module.scss
@@ -25,13 +25,12 @@
   }
 
   .leftItem {
-    max-width: 150px;
-    object-fit: contain;
-    align-self: flex-start;
+    max-width: 200px;
+    flex: 1;
   }
 
   .rightItem {
-    flex: 1 1 auto;
+    flex: 2;
   }
 
   .articleImage {
diff --git a/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceSmall.module.scss b/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceSmall.module.scss
index e0f60f3f7..9e8403b3d 100644
--- a/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceSmall.module.scss
+++ b/samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceSmall.module.scss
@@ -8,10 +8,8 @@
 
   .carouselItem {
     background-color: $ms-color-themeDark;
-    // display: flex;
     min-height: 150px;
     height: 98%;
-    // justify-content: center;
   }
 
   .carouselDotList {