diff --git a/webapp/components/integrations/components/integrations.jsx b/webapp/components/integrations/components/integrations.jsx
index ec923c4f07..b1c103a7e6 100644
--- a/webapp/components/integrations/components/integrations.jsx
+++ b/webapp/components/integrations/components/integrations.jsx
@@ -6,8 +6,10 @@ import React from 'react';
 import {FormattedMessage} from 'react-intl';
 import IntegrationOption from './integration_option.jsx';
 
-import WebhookIcon from 'images/webhook_icon.jpg';
-import AppIcon from 'images/oauth_icon.png';
+import IncomingWebhookIcon from 'images/incoming_webhook.jpg';
+import OutgoingWebhookIcon from 'images/outgoing_webhook.jpg';
+import SlashCommandIcon from 'images/slash_command_icon.jpg';
+import OAuthIcon from 'images/oauth_icon.png';
 
 export default class Integrations extends React.Component {
     static get propTypes() {
@@ -24,7 +26,7 @@ export default class Integrations extends React.Component {
             options.push(
                 <IntegrationOption
                     key='incomingWebhook'
-                    image={WebhookIcon}
+                    image={IncomingWebhookIcon}
                     title={
                         <FormattedMessage
                             id='integrations.incomingWebhook.title'
@@ -46,7 +48,7 @@ export default class Integrations extends React.Component {
             options.push(
                 <IntegrationOption
                     key='outgoingWebhook'
-                    image={WebhookIcon}
+                    image={OutgoingWebhookIcon}
                     title={
                         <FormattedMessage
                             id='integrations.outgoingWebhook.title'
@@ -68,7 +70,7 @@ export default class Integrations extends React.Component {
             options.push(
                 <IntegrationOption
                     key='command'
-                    image={WebhookIcon}
+                    image={SlashCommandIcon}
                     title={
                         <FormattedMessage
                             id='integrations.command.title'
@@ -90,7 +92,7 @@ export default class Integrations extends React.Component {
             options.push(
                 <IntegrationOption
                     key='oauth2Apps'
-                    image={AppIcon}
+                    image={OAuthIcon}
                     title={
                         <FormattedMessage
                             id='integrations.oauthApps.title'
diff --git a/webapp/images/incoming_webhook.jpg b/webapp/images/incoming_webhook.jpg
new file mode 100644
index 0000000000..a64f17eb15
Binary files /dev/null and b/webapp/images/incoming_webhook.jpg differ
diff --git a/webapp/images/oauth_icon.png b/webapp/images/oauth_icon.png
index 69078b3a55..63048c6ea3 100644
Binary files a/webapp/images/oauth_icon.png and b/webapp/images/oauth_icon.png differ
diff --git a/webapp/images/outgoing_webhook.jpg b/webapp/images/outgoing_webhook.jpg
new file mode 100644
index 0000000000..1eaffc9ee0
Binary files /dev/null and b/webapp/images/outgoing_webhook.jpg differ
diff --git a/webapp/images/slash_command_icon.jpg b/webapp/images/slash_command_icon.jpg
new file mode 100644
index 0000000000..351865c93e
Binary files /dev/null and b/webapp/images/slash_command_icon.jpg differ
diff --git a/webapp/sass/routes/_backstage.scss b/webapp/sass/routes/_backstage.scss
index 7bcafd4c17..5861b778e2 100644
--- a/webapp/sass/routes/_backstage.scss
+++ b/webapp/sass/routes/_backstage.scss
@@ -360,7 +360,6 @@
 .integration-option__image {
     height: 80px;
     margin: .5em 0 .7em;
-    width: 80px;
 }
 
 .integration-option__title {