diff --git a/src/theme.scss b/src/theme.scss
index 6de35647a..b74f7380f 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -391,11 +391,13 @@ multiselect {
 // same as settings-avatar
 .app-custom-icon {
     cursor: pointer;
-    width: 128px;
-    height: 128px;
+    width: 64px;
+    height: 64px;
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
+    border: 1px solid gray;
+    border-radius: 3px;
 
     .overlay {
         width: 100%;
@@ -403,6 +405,7 @@ multiselect {
         background-color: rgba(255, 255, 255 ,0.3);
         background-image: url('/img/plus.png');
         background-repeat: no-repeat;
+        background-size: 32px 32px;
         background-position: center;
         transition: all 150ms;
         opacity: 0;
diff --git a/src/views/apps.html b/src/views/apps.html
index 75b36c412..e1b2c7b0c 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -159,12 +159,12 @@
                                   <label class="control-label">Icon</label>
                                   <a href="" class="pull-right" style="font-weight: normal;" ng-click="appConfigure.resetCustomIcon()">Reset Icon</a>
                                 </div>
-                                <br>
                                 <div id="previewIcon" class="app-custom-icon" ng-click="appConfigure.showCustomIconSelector()" style="background-image: url('{{appConfigure.icon.data || appConfigure.icon.url || appConfigure.app.iconUrl}}');">
                                   <div class="overlay"></div>
                                 </div>
                                 <input type="file" id="iconFileInput" style="display: none" accept="image/png"/>
                               </div>
+                              <br/>
                             </uib-tab>
 
                             <uib-tab index="'advanced'" heading="Advanced">