diff --git a/apps/TelerikNEXT/main-page.css b/apps/TelerikNEXT/main-page.css
index c95259bcc..aab469377 100644
--- a/apps/TelerikNEXT/main-page.css
+++ b/apps/TelerikNEXT/main-page.css
@@ -21,3 +21,11 @@
     font-size: 22;
     color: black;
 }
+
+.sessionRow{
+
+}
+
+.breakRow{
+    background-color: #FFFBF0;
+}
\ No newline at end of file
diff --git a/apps/TelerikNEXT/main-page.xml b/apps/TelerikNEXT/main-page.xml
index 446b2c046..afbda11c4 100644
--- a/apps/TelerikNEXT/main-page.xml
+++ b/apps/TelerikNEXT/main-page.xml
@@ -29,68 +29,69 @@
 
         <GridLayout rows="auto, auto, *" visibility="{{ selectedViewIndex !== 2 ? 'visible' : 'collapsed' }}">
 
-          <StackLayout style="background-image: url('~/app/images/background.jpg')">
-            <SegmentedBar selectedIndex="{{ selectedIndex }}"  style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950">
-              <SegmentedBar.items>
-                <SegmentedBarItem title="MAY 3" />
-                <SegmentedBarItem title="MAY 4" />
-                <SegmentedBarItem title="MAY 5" />
-              </SegmentedBar.items>
-            </SegmentedBar>
+        <StackLayout style="background-image: url('~/app/images/background.jpg')">
+          <SegmentedBar selectedIndex="{{ selectedIndex }}"  style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950">
+            <SegmentedBar.items>
+              <SegmentedBarItem title="MAY 3" />
+              <SegmentedBarItem title="MAY 4" />
+              <SegmentedBarItem title="MAY 5" />
+            </SegmentedBar.items>
+          </SegmentedBar>
 
-            <Label style="horizontal-align: center;margin: 15;">
-              <Label.formattedText>
-                <FormattedString fontSize="18" foregroundColor="#fac950">
-                  <FormattedString.spans>
-                    <Span text="WORKSHOPS" fontAttributes="Bold" />
-                  </FormattedString.spans>
-                </FormattedString>
-              </Label.formattedText>
-            </Label>
-          </StackLayout>
+          <Label style="horizontal-align: center;margin: 15;">
+            <Label.formattedText>
+              <FormattedString fontSize="18" foregroundColor="#fac950">
+                <FormattedString.spans>
+                  <Span text="WORKSHOPS" fontAttributes="Bold" />
+                </FormattedString.spans>
+              </FormattedString>
+            </Label.formattedText>
+          </Label>
+        </StackLayout>
 
-          <SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="1" />
+        <SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="1" />
 
-          <ListView items="{{ sessions }}" row="2" separatorColor="#fac950">
-            <ListView.itemTemplate>
-              <GridLayout columns="auto, *" backgroundColor="{{ canBeFavorited ? 'white' : '#fffbf0' }}">
+        <ListView items="{{ sessions }}" row="2" separatorColor="#fac950">
+          <ListView.itemTemplate>
+            <GridLayout columns="auto, *" cssClass="{{ canBeFavorited ? 'sessionRow' : 'breakRow' }}">
 
-                <Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}"
-             tap="toggleFavorite" width="32" height="32" vertical-align="center" margin="20" />
+              <Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" 
+                     visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}" 
+           tap="toggleFavorite" width="32" height="32" vertical-align="center" margin="20" />
 
-                <StackLayout col="1">
+              <StackLayout col="1">
 
-                  <Label>
-                    <Label.formattedText>
-                      <FormattedString fontSize="18" foregroundColor="#a17201">
-                        <FormattedString.spans>
-                          <Span text="Time:" />
-                          <Span text="{{ range }}" fontAttributes="Bold" />
-                        </FormattedString.spans>
-                      </FormattedString>
-                    </Label.formattedText>
-                  </Label>
+                <Label>
+                  <Label.formattedText>
+                    <FormattedString fontSize="18" foregroundColor="#a17201">
+                      <FormattedString.spans>
+                        <Span text="Time:" />
+                        <Span text="{{ range }}" fontAttributes="Bold" />
+                      </FormattedString.spans>
+                    </FormattedString>
+                  </Label.formattedText>
+                </Label>
 
-                  <Label text="{{ title }}" textWrap="true" cssClass="title" />
+                <Label text="{{ title }}" textWrap="true" cssClass="title" />
 
-                  <Label visibility="{{ room ? 'visible' : 'collapsed' }}">
-                    <Label.formattedText>
-                      <FormattedString  fontSize="12" foregroundColor="#a17201">
-                        <FormattedString.spans>
-                          <Span text="Room: " />
-                          <Span text="{{ room }}" fontAttributes="Bold" />
-                        </FormattedString.spans>
-                      </FormattedString>
-                    </Label.formattedText>
-                  </Label>
+                <Label visibility="{{ room ? 'visible' : 'collapsed' }}">
+                  <Label.formattedText>
+                    <FormattedString  fontSize="12" foregroundColor="#a17201">
+                      <FormattedString.spans>
+                        <Span text="Room: " />
+                        <Span text="{{ room }}" fontAttributes="Bold" />
+                      </FormattedString.spans>
+                    </FormattedString>
+                  </Label.formattedText>
+                </Label>
 
-                </StackLayout>
+              </StackLayout>
 
-              </GridLayout>
-            </ListView.itemTemplate>
-          </ListView>
+            </GridLayout>
+          </ListView.itemTemplate>
+        </ListView>
 
-        </GridLayout>
+      </GridLayout>
 
         <Border style="background-color: #053140;" visibility="{{ selectedViewIndex === 2 ? 'visible' : 'collapsed' }}">
           <Image src="~/app/images/logo.png" margin="20" />