diff --git a/applets/fuzzy-clock/package/contents/ui/configAppearance.qml b/applets/fuzzy-clock/package/contents/ui/configAppearance.qml
--- a/applets/fuzzy-clock/package/contents/ui/configAppearance.qml
+++ b/applets/fuzzy-clock/package/contents/ui/configAppearance.qml
@@ -21,65 +21,56 @@
  */
 
 import QtQuick 2.0
-import QtQuick.Controls 1.2 as QtControls
-import QtQuick.Layouts 1.0 as QtLayouts
+import QtQuick.Controls 1.2 as QQC1
+import QtQuick.Controls 2.5 as QQC2
+import QtQuick.Layouts 1.0
+import org.kde.kirigami 2.5 as Kirigami
 
-QtLayouts.ColumnLayout {
+Kirigami.FormLayout {
     id: appearancePage
 
     property alias cfg_boldText: boldCheckBox.checked
     property alias cfg_italicText: italicCheckBox.checked
 
     property alias cfg_fuzzyness: fuzzyness.value
 
-    QtControls.GroupBox {
-        QtLayouts.Layout.fillWidth: true
-        flat: true
-
-        title: i18nc("@title:group", "Font")
-
-        QtLayouts.ColumnLayout {
-            QtControls.CheckBox {
-                id: boldCheckBox
-                text: i18nc("@option:check", "Bold text")
-            }
-
-            QtControls.CheckBox {
-                id: italicCheckBox
-                text: i18nc("@option:check", "Italic text")
-            }
-        }
+    QQC2.CheckBox {
+        id: boldCheckBox
+        Kirigami.FormData.label: i18nc("@title:group", "Font:")
+        text: i18nc("@option:check", "Bold text")
     }
 
-    QtControls.GroupBox {
-        QtLayouts.Layout.fillWidth: true
-        flat: true
+    QQC2.CheckBox {
+        id: italicCheckBox
+        text: i18nc("@option:check", "Italic text")
+    }
 
-        title: i18nc("@title:group", "Fuzzyness")
+    Item {
+        Kirigami.FormData.isSection: true
+    }
 
-        QtLayouts.RowLayout {
-            anchors.fill: parent
+    QQC1.Slider { // FIXME: port to QQC2 once we've fixed: https://bugs.kde.org/show_bug.cgi?id=405471
+        id: fuzzyness
+        Kirigami.FormData.label: i18nc("@title:group", "Fuzzyness:")
+        minimumValue: 1
+        maximumValue: 5
+        stepSize: 1
+        tickmarksEnabled: true
+    }
 
-            QtControls.Label {
-                text: i18nc("@item:inrange", "Accurate")
-            }
+    RowLayout {
+       Layout.fillWidth: true
 
-            QtControls.Slider {
-                id: fuzzyness
-                QtLayouts.Layout.fillWidth: true
-                minimumValue: 1
-                maximumValue: 5
-                stepSize: 1
-                tickmarksEnabled: true
-            }
+        QQC2.Label {
+            text: i18nc("@item:inrange", "Accurate")
+        }
 
-            QtControls.Label {
-                text: i18nc("@item:inrange", "Fuzzy")
-            }
+        Item {
+            Layout.fillWidth: true
         }
-    }
 
-    Item { // tighten layout
-        QtLayouts.Layout.fillHeight: true
+        QQC2.Label {
+            text: i18nc("@item:inrange", "Fuzzy")
+        }
     }
 }