diff --git a/applets/dict/package/contents/config/config.qml b/applets/dict/package/contents/config/config.qml
--- a/applets/dict/package/contents/config/config.qml
+++ b/applets/dict/package/contents/config/config.qml
@@ -5,7 +5,7 @@
 ConfigModel {
     ConfigCategory {
          name: i18nc("@title", "Dictionaries")
-         icon: "image"
+         icon: "accessories-dictionary"
          source: "ConfigDictionaries.qml"
     }
 }
diff --git a/applets/dict/package/contents/ui/ConfigDictionaries.qml b/applets/dict/package/contents/ui/ConfigDictionaries.qml
--- a/applets/dict/package/contents/ui/ConfigDictionaries.qml
+++ b/applets/dict/package/contents/ui/ConfigDictionaries.qml
@@ -16,62 +16,53 @@
  *  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  2.010-1301, USA.
  */
 
-import QtQuick 2.1
-import QtQuick.Controls 1.1
-import QtQuick.Layouts 1.1
-
+import QtQuick 2.7
+import QtQuick.Controls 2.5
+import QtQuick.Layouts 1.2
+import org.kde.kirigami 2.5 as Kirigami
 import org.kde.plasma.private.dict 1.0
 
 ColumnLayout {
     id: root
-
     property string cfg_dictionary: ""
 
     DictionariesModel {
         id: dictionariesModel
     }
 
-    SystemPalette {
-        id: syspal
-    }
-
-    Label {
+    Kirigami.Heading {
         Layout.fillWidth: true
+        level: 2
         text: i18nc("@label:listbox", "Available dictionaries:")
     }
 
     ScrollView {
         Layout.fillWidth: true
         Layout.fillHeight: true
-
-        frameVisible: true
+        contentWidth: listView.implicitWidth
+        contentHeight: listView.implicitHeight
+        Component.onCompleted: background.visible = true;
 
         ListView {
-            width: parent.width
+            id: listView
             model: dictionariesModel
 
-            delegate: Item {
-                width: parent.width
-                height: pathText.height
-                Rectangle {
+            delegate: Control {
+
+                background: Rectangle {
                     id: highlight
-                    anchors.fill: parent
+                    implicitWidth: root.width - units.largeSpacing
                     visible: model.id == root.cfg_dictionary
-                    color: syspal.highlight
+                    color: Kirigami.Theme.highlightColor
                 }
 
-                RowLayout {
-                    id: textLayout
-                    anchors.fill: parent
-
-                    /*Text { text: model.id }*/
-                    Text {
-                        id: pathText
-                        Layout.fillWidth: true
-                        text: model.description
-                        color: model.id == root.cfg_dictionary ? syspal.highlightedText : syspal.text
-                    }
+                contentItem: Label {
+                    id: pathText
+                    Layout.fillWidth: true
+                    text: model.description
+                    color: model.id == root.cfg_dictionary ? Kirigami.Theme.highlightedTextColor : Kirigami.Theme.textColor
                 }
+
                 MouseArea {
                     anchors.fill: parent
                     onClicked: root.cfg_dictionary = model.id