diff --git a/qml/pages/EditPage.qml b/qml/pages/EditPage.qml
index 6820e84..5b6ebf3 100644
--- a/qml/pages/EditPage.qml
+++ b/qml/pages/EditPage.qml
@@ -88,7 +88,10 @@ Dialog {
                 x: Theme.horizontalPageMargin
                 width: parent.width - 2*x
                 spacing: Theme.paddingMedium
-                visible: categoryField.focus
+                visible: opacity > 0.0
+                opacity: categoryField.focus ? 1.0 : 0.0
+                Behavior on opacity { FadeAnimator { } }
+
                 Repeater {
                     id: categoryRepeater
                     model: account.categories
diff --git a/qml/pages/NotePage.qml b/qml/pages/NotePage.qml
index e4dcc99..eabdcd9 100644
--- a/qml/pages/NotePage.qml
+++ b/qml/pages/NotePage.qml
@@ -163,7 +163,10 @@ Dialog {
                         x: Theme.horizontalPageMargin
                         width: parent.width - 2*x
                         spacing: Theme.paddingMedium
-                        visible: categoryField.focus
+                        visible: opacity > 0.0
+                        opacity: categoryField.focus ? 1.0 : 0.0
+                        Behavior on opacity { FadeAnimator { } }
+
                         Repeater {
                             id: categoryRepeater
                             model: account.categories