diff --git a/dialer/contents/ui/Call/Avatar.qml b/dialer/contents/ui/Call/Avatar.qml
new file mode 100644
index 00000000..d27bd6dc
--- /dev/null
+++ b/dialer/contents/ui/Call/Avatar.qml
@@ -0,0 +1,45 @@
+/*
+ *   Copyright 2014 Aaron Seigo <aseigo@kde.org>
+ *   Copyright 2014 Marco Martin <mart@kde.org>
+ *
+ *   This program is free software; you can redistribute it and/or modify
+ *   it under the terms of the GNU Library General Public License as
+ *   published by the Free Software Foundation; either version 2, or
+ *   (at your option) any later version.
+ *
+ *   This program is distributed in the hope that it will be useful,
+ *   but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *   GNU Library General Public License for more details
+ *
+ *   You should have received a copy of the GNU Library General Public
+ *   License along with this program; if not, write to the
+ *   Free Software Foundation, Inc.,
+ *   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.1
+import org.kde.plasma.core 2.0 as PlasmaCore
+import org.kde.plasma.components 2.0 as PlasmaComponents
+
+
+Item {
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    Layout.minimumHeight: parent.height/2
+    Rectangle {
+        height: Math.min(parent.width, parent.height)
+        width: height
+        radius: 5
+        anchors.centerIn: parent
+        PlasmaCore.IconItem {
+            anchors {
+                fill: parent
+                centerIn: parent
+                margins: 20
+            }
+            source: "im-user"
+        }
+    }
+}
diff --git a/dialer/contents/ui/Call/CallPage.qml b/dialer/contents/ui/Call/CallPage.qml
index 13fc5ddc..42743d9e 100644
--- a/dialer/contents/ui/Call/CallPage.qml
+++ b/dialer/contents/ui/Call/CallPage.qml
@@ -53,25 +53,8 @@ Item {
             margins: 20
         }
 
-        Item {
-            Layout.fillWidth: true
-            Layout.fillHeight: true
-            Layout.minimumHeight: parent.height/2
-            Rectangle {
-                height: Math.min(parent.width, parent.height)
-                width: height
-                radius: 5
-                anchors.centerIn: parent
-                PlasmaCore.IconItem {
-                    anchors {
-                        fill: parent
-                        centerIn: parent
-                        margins: 20
-                    }
-                    source: "im-user"
-                }
-            }
-        }
+        Avatar {}
+
         PlasmaComponents.Label {
             Layout.fillWidth: true
             Layout.minimumHeight: implicitHeight