diff --git a/src/translation/en.json b/src/translation/en.json
index 62dcedae7..fef97e09b 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1452,7 +1452,8 @@
         "stopDialog": {
             "title": "Really stop app {{ app }}?"
         },
-        "eventlogTabTitle": "Event Log"
+        "eventlogTabTitle": "Event Log",
+        "sftpInfoAction": "SFTP Access"
     },
     "login": {
         "loginTo": "Login to",
diff --git a/src/views/app.html b/src/views/app.html
index b2844e2ba..b6e1231ae 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -23,6 +23,52 @@
   </div>
 </div>
 
+<!-- Modal sftpInfo -->
+<div class="modal fade" id="sftpInfoModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4>{{ 'app.accessControl.sftp.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#ftp-access" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></h4>
+      </div>
+      <div class="modal-body">
+        <p class="text-small text-warning text-bold" ng-show="location.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p>
+
+        <div class="row">
+          <div class="col-xs-6">
+            <span class="text-muted">{{ 'app.accessControl.sftp.server' | tr }}</span>
+          </div>
+          <div class="col-xs-6 text-right">
+            <span>{{ config.adminFqdn }}</span>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-xs-6">
+            <span class="text-muted">{{ 'app.accessControl.sftp.port' | tr }}</span>
+          </div>
+          <div class="col-xs-6 text-right">
+            <span>222</span>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-xs-6">
+            <span class="text-muted">{{ 'app.accessControl.sftp.username' | tr }}</span>
+          </div>
+          <div class="col-xs-6 text-right">
+            <span>{{ user.username }}@{{ app.fqdn }}</span>
+          </div>
+        </div>
+
+        <br/>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- Modal uninstall app -->
 <div class="modal fade" id="uninstallModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -477,6 +523,7 @@
               <li ng-class="{ 'disabled': !app.manifest.postInstallMessage }"><a href="" ng-click="postInstallMessage.show(false)">{{ 'app.firstTimeSetupAction' | tr }}</a></li>
               <li ng-class="{ 'disabled': !app.manifest.documentationUrl }"><a ng-href="{{ app.manifest.documentationUrl }}" target="_blank">{{ 'app.docsAction' | tr }}</a></li>
               <li ng-class="{ 'disabled': (!app.manifest.configurePath || !(app | applicationLink)) }"><a ng-href="{{ (app.manifest.configurePath && (app | applicationLink)) ? ((app | applicationLink) + app.manifest.configurePath) : ''}}" target="_blank">{{ 'app.adminPageAction' | tr }}</a></li>
+              <li ng-class="{ 'disabled': !app.manifest.addons.localstorage.ftp }"><a href="" ng-click="sftpInfo.show()">{{ 'app.sftpInfoAction' | tr }}</a></li>
               <li role="separator" class="divider"></li>
               <li ng-class="{ 'disabled': !app.manifest.website }"><a ng-href="{{ app.manifest.website }}" target="_blank">{{ 'app.projectWebsiteAction' | tr }}</a></li>
             </ul>
@@ -758,40 +805,6 @@
             <button class="btn btn-outline btn-primary pull-right" ng-click="access.submit()" ng-disabled="(access.accessRestrictionOption === 'groups' && !access.isAccessRestrictionValid()) || access.$invalid || access.busy"><i class="fa fa-circle-notch fa-spin" ng-show="access.busy"></i> {{ 'main.dialog.save' | tr }}</button>
           </div>
         </div>
-        <div class="row" ng-show="app.manifest.addons.localstorage.ftp">
-          <hr/>
-          <div class="col-md-12">
-            <label>{{ 'app.accessControl.sftp.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#ftp-access" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-            <p class="text-small text-warning text-bold" ng-show="location.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p>
-
-            <div class="row">
-              <div class="col-xs-6">
-                <span class="text-muted">{{ 'app.accessControl.sftp.server' | tr }}</span>
-              </div>
-              <div class="col-xs-6 text-right">
-                <span>{{ config.adminFqdn }}</span>
-              </div>
-            </div>
-
-            <div class="row">
-              <div class="col-xs-6">
-                <span class="text-muted">{{ 'app.accessControl.sftp.port' | tr }}</span>
-              </div>
-              <div class="col-xs-6 text-right">
-                <span>222</span>
-              </div>
-            </div>
-
-            <div class="row">
-              <div class="col-xs-6">
-                <span class="text-muted">{{ 'app.accessControl.sftp.username' | tr }}</span>
-              </div>
-              <div class="col-xs-6 text-right">
-                <span>{{ user.username }}@{{ app.fqdn }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
       </div>
 
       <div class="card" ng-show="view === 'resources'">
diff --git a/src/views/app.js b/src/views/app.js
index fc4129597..13108ed1a 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -183,6 +183,12 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         }
     };
 
+    $scope.sftpInfo = {
+        show: function () {
+            $('#sftpInfoModal').modal('show');
+        }
+    };
+
     $scope.display = {
         busy: false,
         error: {},