diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index dda223a2fb..79b336313f 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -1905,6 +1905,7 @@ div.ui-dialog div.ui-dialog-content > div[id] {
 	background-color: #fafafa;
 	border: 1px solid silver;
 	text-indent: 0;
+	background-position: center;
 }
 /**
  * Textbox in toolbar or NM header
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 9f67266150..accd29f1e0 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -253,6 +253,28 @@
     background-image: url(../images/upload.png);
     width: 145px;
   }
+  span.et2_file_span img[url*="svg"] {
+    background-color: #b4b4b4 !important;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
+    background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
+    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-repeat: repeat-x !important;
+    fill: red !important;
+  }
+  span.et2_file_span:hover {
+    background-color: #189800 !important;
+    color: #000000 !important;
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+  }
+  span.et2_file_span:active {
+    background-color: #1aa200 !important;
+  }
   div.et2_file input.et2_file_upload {
     background-color: #ffffff !important;
     -webkit-border-radius: 3px;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index c43c3ca0a8..9ca4e5ef85 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -242,6 +242,28 @@
     background-image: url(../images/upload.png);
     width: 145px;
   }
+  span.et2_file_span img[url*="svg"] {
+    background-color: #b4b4b4 !important;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
+    background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
+    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-repeat: repeat-x !important;
+    fill: red !important;
+  }
+  span.et2_file_span:hover {
+    background-color: #189800 !important;
+    color: #000000 !important;
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+  }
+  span.et2_file_span:active {
+    background-color: #1aa200 !important;
+  }
   div.et2_file input.et2_file_upload {
     background-color: #ffffff !important;
     -webkit-border-radius: 3px;
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index 505e5984c9..b955f10a1e 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -203,6 +203,7 @@ span.et2_date span {
 span.et2_file_span{
 	background-image: url(../images/upload.png);
 	width: 145px;
+	.Complete_Button_save_apply_copy !important;
 }
 div.et2_file input.et2_file_upload{
 	background-color: @gray_0 !important;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 90076ff03a..7d200d4336 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -264,6 +264,28 @@
     background-image: url(../images/upload.png);
     width: 145px;
   }
+  span.et2_file_span img[url*="svg"] {
+    background-color: #b4b4b4 !important;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
+    background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
+    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-repeat: repeat-x !important;
+    fill: red !important;
+  }
+  span.et2_file_span:hover {
+    background-color: #189800 !important;
+    color: #000000 !important;
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+  }
+  span.et2_file_span:active {
+    background-color: #1aa200 !important;
+  }
   div.et2_file input.et2_file_upload {
     background-color: #ffffff !important;
     -webkit-border-radius: 3px;