diff --git a/web/react/components/channel_info_modal.jsx b/web/react/components/channel_info_modal.jsx
index 109dcb1296..72c7c3daa9 100644
--- a/web/react/components/channel_info_modal.jsx
+++ b/web/react/components/channel_info_modal.jsx
@@ -1,6 +1,7 @@
 // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
+import * as Utils from '../utils/utils.jsx';
 const Modal = ReactBootstrap.Modal;
 
 export default class ChannelInfoModal extends React.Component {
@@ -15,6 +16,8 @@ export default class ChannelInfoModal extends React.Component {
             };
         }
 
+        const channelURL = Utils.getShortenedTeamURL() + channel.name;
+
         return (
             <Modal
                 show={this.props.show}
@@ -30,7 +33,7 @@ export default class ChannelInfoModal extends React.Component {
                     </div>
                     <div className='row form-group'>
                         <div className='col-sm-3 info__label'>{'Channel URL:'}</div>
-                        <div className='col-sm-9'>{channel.name}</div>
+                        <div className='col-sm-9'>{channelURL}</div>
                     </div>
                     <div className='row'>
                         <div className='col-sm-3 info__label'>{'Channel ID:'}</div>