diff --git a/app/src/main/java/com/rayworks/droidweekly/MyViewHolder.java b/app/src/main/java/com/rayworks/droidweekly/MyViewHolder.java
index 455aa37..8a674bb 100644
--- a/app/src/main/java/com/rayworks/droidweekly/MyViewHolder.java
+++ b/app/src/main/java/com/rayworks/droidweekly/MyViewHolder.java
@@ -4,6 +4,8 @@
 import android.content.res.ColorStateList;
 import android.content.res.Resources;
 import android.graphics.Color;
+import android.graphics.drawable.GradientDrawable;
+import android.os.Build;
 import android.support.v4.view.ViewCompat;
 import android.support.v7.widget.RecyclerView;
 import android.text.TextUtils;
@@ -42,8 +44,19 @@ public void bind(ArticleItem item) {
         String imageUrl = item.getImageUrl();
         if (!TextUtils.isEmpty(imageUrl)) {
             imageParent.setVisibility(View.VISIBLE);
-            ViewCompat.setBackgroundTintList(
-                    imageParent, ColorStateList.valueOf(item.getImgFrameColor()));
+
+            int frameColor = item.getImgFrameColor();
+
+            View targetView = imageParent;
+            if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
+                // apply a different layout
+                // ref: https://stackoverflow.com/questions/4772537/i-need-to-change-the-stroke-color-to-a-user-defined-color-nothing-to-do-with-th
+                targetView = itemView.findViewById(R.id.frame_view);
+                GradientDrawable drawable = (GradientDrawable) targetView.getBackground();
+                drawable.setStroke(1, frameColor);
+            } else {
+                ViewCompat.setBackgroundTintList(targetView, ColorStateList.valueOf(frameColor));
+            }
 
             Glide.with(itemView).load(imageUrl).into(imageView);
         } else {
diff --git a/app/src/main/res/drawable/rect_image_frame.xml b/app/src/main/res/drawable/rect_image_frame.xml
index eeb7fc9..0d149c7 100644
--- a/app/src/main/res/drawable/rect_image_frame.xml
+++ b/app/src/main/res/drawable/rect_image_frame.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<shape xmlns:android="http://schemas.android.com/apk/res/android">
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
     <stroke
         android:width="0.5dp"
         android:color="@color/light_blue" />
+    <solid android:color="@android:color/transparent" />
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout-v21/view_news_item.xml b/app/src/main/res/layout-v21/view_news_item.xml
new file mode 100644
index 0000000..cba0c69
--- /dev/null
+++ b/app/src/main/res/layout-v21/view_news_item.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tool="http://schemas.android.com/tools"
+    android:id="@+id/item_parent"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?attr/selectableItemBackgroundBorderless"
+    android:descendantFocusability="beforeDescendants">
+
+    <FrameLayout
+        android:layout_width="72.5dp"
+        android:layout_height="72.5dp"
+        android:id="@+id/image_parent"
+        android:layout_alignParentStart="true"
+        android:layout_centerVertical="true"
+        android:layout_marginStart="16dp"
+        android:background="@drawable/rect_image_frame">
+
+        <ImageView
+            android:layout_gravity="center"
+            android:id="@+id/imageView"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
+            android:translationZ="3dp"
+            app:srcCompat="@mipmap/ic_launcher" />
+    </FrameLayout>
+
+
+    <TextView
+        android:id="@+id/textViewTitle"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="16dp"
+        android:layout_toEndOf="@id/image_parent"
+        android:ellipsize="end"
+        android:textColor="@android:color/black"
+        android:textSize="14sp"
+        tool:text="TextView" />
+
+    <TextView
+        android:id="@+id/textViewDescription"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/textViewTitle"
+        android:layout_marginBottom="16dp"
+        android:layout_marginEnd="16dp"
+        android:layout_marginStart="16dp"
+        android:layout_toEndOf="@id/image_parent"
+        android:textColor="@android:color/black"
+        android:textSize="18sp"
+        tool:text="TextView123" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_news_item.xml b/app/src/main/res/layout/view_news_item.xml
index cba0c69..921c1a7 100644
--- a/app/src/main/res/layout/view_news_item.xml
+++ b/app/src/main/res/layout/view_news_item.xml
@@ -9,45 +9,53 @@
     android:descendantFocusability="beforeDescendants">
 
     <FrameLayout
-        android:layout_width="72.5dp"
-        android:layout_height="72.5dp"
         android:id="@+id/image_parent"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
         android:layout_alignParentStart="true"
         android:layout_centerVertical="true"
-        android:layout_marginStart="16dp"
-        android:background="@drawable/rect_image_frame">
+        android:layout_marginStart="16dp">
 
         <ImageView
-            android:layout_gravity="center"
             android:id="@+id/imageView"
             android:layout_width="72dp"
             android:layout_height="72dp"
-            android:translationZ="3dp"
+            android:layout_gravity="center"
             app:srcCompat="@mipmap/ic_launcher" />
-    </FrameLayout>
 
+        <View
+            android:id="@+id/frame_view"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
+            android:background="@drawable/rect_image_frame" />
+    </FrameLayout>
 
-    <TextView
-        android:id="@+id/textViewTitle"
-        android:layout_width="wrap_content"
+    <LinearLayout
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_margin="16dp"
         android:layout_toEndOf="@id/image_parent"
-        android:ellipsize="end"
-        android:textColor="@android:color/black"
-        android:textSize="14sp"
-        tool:text="TextView" />
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/textViewTitle"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_margin="16dp"
+            android:ellipsize="end"
+            android:textColor="@android:color/black"
+            android:textSize="14sp"
+            tool:text="TextView" />
+
+        <TextView
+            android:id="@+id/textViewDescription"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="16dp"
+            android:textColor="@android:color/black"
+            android:textSize="12sp"
+            tool:text="TextView123" />
+    </LinearLayout>
 
-    <TextView
-        android:id="@+id/textViewDescription"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_below="@id/textViewTitle"
-        android:layout_marginBottom="16dp"
-        android:layout_marginEnd="16dp"
-        android:layout_marginStart="16dp"
-        android:layout_toEndOf="@id/image_parent"
-        android:textColor="@android:color/black"
-        android:textSize="18sp"
-        tool:text="TextView123" />
 </RelativeLayout>
\ No newline at end of file