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,15 +16,14 @@
  *  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 {
@@ -35,16 +34,19 @@
         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: childrenRect.width
+        contentHeight: childrenRect.height
+        clip: true
+        Component.onCompleted: background.visible = true;
 
         ListView {
             width: parent.width
@@ -56,22 +58,19 @@
                 Rectangle {
                     id: highlight
                     anchors.fill: parent
+                    anchors.rightMargin: units.largeSpacing
                     visible: model.id == root.cfg_dictionary
                     color: syspal.highlight
                 }
 
-                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
-                    }
+                /*Text { text: model.id }*/
+                Text {
+                    id: pathText
+                    Layout.fillWidth: true
+                    text: model.description
+                    color: model.id == root.cfg_dictionary ? syspal.highlightedText : syspal.text
                 }
+
                 MouseArea {
                     anchors.fill: parent
                     onClicked: root.cfg_dictionary = model.id