diff --git a/webapp/actions/user_actions.jsx b/webapp/actions/user_actions.jsx
index 0f5fb0731a..a5cef65d87 100644
--- a/webapp/actions/user_actions.jsx
+++ b/webapp/actions/user_actions.jsx
@@ -449,3 +449,18 @@ export function updateActive(userId, active, success, error) {
         }
     );
 }
+
+export function updatePassword(userId, currentPassword, newPassword, success, error) {
+    Client.updatePassword(userId, currentPassword, newPassword,
+        () => {
+            if (success) {
+                success();
+            }
+        },
+        (err) => {
+            if (error) {
+                error(err);
+            }
+        }
+    );
+}
diff --git a/webapp/components/user_settings/user_settings_security.jsx b/webapp/components/user_settings/user_settings_security.jsx
index 3484b81839..bc13437b0c 100644
--- a/webapp/components/user_settings/user_settings_security.jsx
+++ b/webapp/components/user_settings/user_settings_security.jsx
@@ -14,6 +14,8 @@ import * as AsyncClient from 'utils/async_client.jsx';
 import * as Utils from 'utils/utils.jsx';
 import Constants from 'utils/constants.jsx';
 
+import {updatePassword} from 'actions/user_actions.jsx';
+
 import $ from 'jquery';
 import React from 'react';
 import {FormattedMessage, FormattedTime, FormattedDate} from 'react-intl';
@@ -91,7 +93,7 @@ export default class SecurityTab extends React.Component {
             return;
         }
 
-        Client.updatePassword(
+        updatePassword(
             user.id,
             currentPassword,
             newPassword,