diff --git a/layouts/components/ContentView.qml b/layouts/components/ContentView.qml
index 276cc57..29efde2 100644
--- a/layouts/components/ContentView.qml
+++ b/layouts/components/ContentView.qml
@@ -13,42 +13,22 @@ TabView {
         Tab {
             Rectangle {
                 color: "#22282A"
-                Column {
-                    Row {
-                        spacing: 80
-                        Item{
-                            width: 0.1
-                            height: 10
+                Row {
+                    Item {
+                        height: 10
+                        width: 40
+                    }
+                    Column {
+                        spacing: 20
+                        ContentViewElement {
+                            title: "In Progress"
+                            provider: modelData
+                            repeaterModel: modelData.inProgress
                         }
-                        Repeater {
-                            property var provider: modelData
-                            id: inProgressRepeater
-                            model: modelData.inProgress
-                            Column {
-                                id: showColumn
-                                property var show: inProgressRepeater.provider.getShow(modelData)
-                                Image {
-                                    height: 300
-                                    width: 300 * 0.68
-                                    source: showColumn.show.poster
-                                    mipmap: true
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                                Item {width: 1; height: 15}
-                                Text {
-                                    text: showColumn.show.title
-                                    color: "white"
-                                    font.pointSize: 15
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                                Item {width: 1; height: 5}
-                                Text {
-                                    text: showColumn.show.year
-                                    color: "white"
-                                    font.pointSize: 15
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                            }
+                        ContentViewElement {
+                            title: "Recently Added"
+                            provider: modelData
+                            repeaterModel: modelData.recentlyAdded
                         }
                     }
                 }
diff --git a/layouts/components/ContentViewElement.qml b/layouts/components/ContentViewElement.qml
new file mode 100644
index 0000000..7a76219
--- /dev/null
+++ b/layouts/components/ContentViewElement.qml
@@ -0,0 +1,66 @@
+import QtQuick 2.12
+import QtQuick.Controls 1.4
+
+
+Column {
+    property var title
+    property var provider
+    property var repeaterModel
+    Item {
+        width: 10
+        height: 40
+    }
+    Text {
+        text: title
+        font.pointSize: 30
+        color: "white"
+    }
+    Item {
+        width: 10
+        height: 40
+    }
+    Row {
+        //spacing: 80
+        //Item{
+        //    width: -10
+        //    height: 10
+        //}
+        Repeater {
+            property var provider: modelData
+            //id: inProgressRepeater
+            model: repeaterModel
+            Row{
+            Item {
+                height: 10
+                width: 80
+            }
+            Column {
+                id: showColumn
+                //property var show: inProgressRepeater.provider.getShow(modelData)
+                property var show: provider.getShow(modelData)
+                Image {
+                    height: 300
+                    width: 300 * 0.68
+                    source: showColumn.show.poster
+                    mipmap: true
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+                Item {width: 1; height: 15}
+                Text {
+                    text: showColumn.show.title
+                    color: "white"
+                    font.pointSize: 14
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+                Item {width: 1; height: 5}
+                Text {
+                    text: showColumn.show.year
+                    color: "white"
+                    font.pointSize: 14
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+            }
+            }
+        }
+    }
+}