diff --git a/webadmin/src/index.html b/webadmin/src/index.html
index 1937bd372..3b3ae9b53 100644
--- a/webadmin/src/index.html
+++ b/webadmin/src/index.html
@@ -121,7 +121,7 @@
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                     </button>
-                    <a class="navbar-brand navbar-brand-icon" href="#/"><img src="/api/v1/cloudron/avatar" width="40" height="40"/></a>
+                    <a class="navbar-brand navbar-brand-icon" href="#/"><img ng-src="{{ cloudronAvatar }}" width="40" height="40"/></a>
                     <a class="navbar-brand" href="#/">Cloudron</a>
                 </div>
                 <!-- /.navbar-header -->
diff --git a/webadmin/src/js/main.js b/webadmin/src/js/main.js
index 5da2313e1..57eb72df2 100644
--- a/webadmin/src/js/main.js
+++ b/webadmin/src/js/main.js
@@ -4,6 +4,7 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
     $scope.initialized = false;
     $scope.user = Client.getUserInfo();
     $scope.installedApps = Client.getInstalledApps();
+    $scope.cloudronAvatar = Client.apiOrigin + '/api/v1/cloudron/avatar';
     $scope.config = {};
 
     $scope.update = {
@@ -82,6 +83,7 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
                 window.location.reload(true);
             }
 
+
             Client.refreshUserInfo(function (error, result) {
                 if (error) return $scope.error(error);