diff --git a/imports/Spectral/Page/LoginForm.ui.qml b/imports/Spectral/Page/LoginForm.ui.qml
index 99b537a..e6765bc 100644
--- a/imports/Spectral/Page/LoginForm.ui.qml
+++ b/imports/Spectral/Page/LoginForm.ui.qml
@@ -12,6 +12,9 @@ Page {
     property var controller
 
     property alias loginButton: loginButton
+    property alias serverField: serverField
+    property alias usernameField: usernameField
+    property alias passwordField: passwordField
 
     Row {
         anchors.fill: parent
@@ -145,3 +148,8 @@ Page {
         }
     }
 }
+
+/*##^## Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/imports/Spectral/Page/SettingAccountDelegate.qml b/imports/Spectral/Page/SettingAccountDelegate.qml
index 869bf58..af85466 100644
--- a/imports/Spectral/Page/SettingAccountDelegate.qml
+++ b/imports/Spectral/Page/SettingAccountDelegate.qml
@@ -131,6 +131,8 @@ Column {
 
             highlighted: true
             text: "Logout"
+
+            onClicked: connection.logout()
         }
     }
 }