diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 870ccda52a..f4608510e2 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4896,19 +4896,21 @@ td.message span.message {
   height: 35px;
   top: 0px;
   border-bottom: 1px solid silver;
-  background-image: url(../images/up_pointer.png);
+  background-image: url(../images/up.svg);
   background-position: center;
   background-repeat: no-repeat;
-  background-position-y: -1px;
+  background-position-y: 5px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_button_down {
   bottom: 0px;
   height: 35px;
   border-top: 1px solid silver;
-  background-image: url(../images/down_pointer.png);
+  background-image: url(../images/down.svg);
   background-repeat: no-repeat;
   background-position: center;
-  background-position-y: 1px;
+  background-position-y: 6px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_outerdiv {
   height: 100%;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index cd592384a7..04f666653d 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -4885,19 +4885,21 @@ td.message span.message {
   height: 35px;
   top: 0px;
   border-bottom: 1px solid silver;
-  background-image: url(../images/up_pointer.png);
+  background-image: url(../images/up.svg);
   background-position: center;
   background-repeat: no-repeat;
-  background-position-y: -1px;
+  background-position-y: 5px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_button_down {
   bottom: 0px;
   height: 35px;
   border-top: 1px solid silver;
-  background-image: url(../images/down_pointer.png);
+  background-image: url(../images/down.svg);
   background-repeat: no-repeat;
   background-position: center;
-  background-position-y: 1px;
+  background-position-y: 6px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_outerdiv {
   height: 100%;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 24d7ab3266..ad19b3acdd 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4896,19 +4896,21 @@ td.message span.message {
   height: 35px;
   top: 0px;
   border-bottom: 1px solid silver;
-  background-image: url(../images/up_pointer.png);
+  background-image: url(../images/up.svg);
   background-position: center;
   background-repeat: no-repeat;
-  background-position-y: -1px;
+  background-position-y: 5px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_button_down {
   bottom: 0px;
   height: 35px;
   border-top: 1px solid silver;
-  background-image: url(../images/down_pointer.png);
+  background-image: url(../images/down.svg);
   background-repeat: no-repeat;
   background-position: center;
-  background-position-y: 1px;
+  background-position-y: 6px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_outerdiv {
   height: 100%;
diff --git a/pixelegg/images/down.svg b/pixelegg/images/down.svg
new file mode 100644
index 0000000000..19a9866c53
--- /dev/null
+++ b/pixelegg/images/down.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#62686A" d="M19.802,29.355l9.563-7.263c2.1-2.1,2.092-5.508-0.009-7.612l-1.892-1.889l-3.421-0.014V6.551
+			c0-3.071-2.494-5.562-5.569-5.562h-4.971c-3.076,0-5.568,2.49-5.568,5.562v5.972L4.512,12.51l-1.931,1.928
+			c-2.099,2.1-2.095,5.51,0.01,7.614l9.596,7.297C14.291,31.453,17.699,31.455,19.802,29.355z M13.707,26.306l-8.074-5.773
+			c-1.263-1.263-1.266-3.306-0.006-4.565l5.647,0.009V7.663c0-1.842,1.495-3.336,3.341-3.336h2.749c1.844,0,3.338,1.492,3.338,3.336
+			v8.329l5.606,0.01c1.267,1.262,1.267,3.307,0.007,4.569l-8.045,5.741C17.014,27.571,14.967,27.569,13.707,26.306z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/up.svg b/pixelegg/images/up.svg
new file mode 100644
index 0000000000..7524b993c1
--- /dev/null
+++ b/pixelegg/images/up.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#62686A" d="M12.143,2.563L2.579,9.826c-2.1,2.099-2.092,5.507,0.009,7.612l1.892,1.889L7.9,19.34v6.027
+			c0,3.071,2.494,5.562,5.569,5.562h4.971c3.076,0,5.568-2.49,5.568-5.562v-5.972l3.423,0.013l1.931-1.928
+			c2.099-2.101,2.095-5.511-0.01-7.614L19.757,2.57C17.653,0.465,14.245,0.463,12.143,2.563z M18.237,5.613l8.074,5.773
+			c1.263,1.263,1.266,3.306,0.006,4.566l-5.647-0.009v8.313c0,1.842-1.495,3.336-3.341,3.336h-2.748
+			c-1.844,0-3.338-1.492-3.338-3.336v-8.329l-5.606-0.01C4.37,14.655,4.37,12.61,5.63,11.348l8.045-5.741
+			C14.931,4.347,16.977,4.349,18.237,5.613z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/less/layout_raster_scrollarea.less b/pixelegg/less/layout_raster_scrollarea.less
index 168449d772..7e40b914de 100644
--- a/pixelegg/less/layout_raster_scrollarea.less
+++ b/pixelegg/less/layout_raster_scrollarea.less
@@ -74,10 +74,11 @@
 	height: 35px;
     top: 0px;
 	border-bottom: 1px solid silver;
-	background-image: url(../images/up_pointer.png);
+	background-image: url(../images/up.svg);
 	background-position: center;
 	background-repeat: no-repeat;
-	background-position-y: -1px;
+	background-position-y: 5px;
+    background-size: 24px;
 }
 
 .egw_fw_ui_scrollarea_button_down
@@ -85,10 +86,11 @@
     bottom: 0px;
 	height: 35px;
 	border-top: 1px solid silver;
-	background-image: url(../images/down_pointer.png);
+	background-image: url(../images/down.svg);
 	background-repeat: no-repeat;
 	background-position: center;
-	background-position-y: 1px;
+	background-position-y: 6px;
+    background-size: 24px;
 }
 
 .egw_fw_ui_scrollarea_outerdiv
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index d1fbad8303..e7bbc7ae99 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4907,19 +4907,21 @@ td.message span.message {
   height: 35px;
   top: 0px;
   border-bottom: 1px solid silver;
-  background-image: url(../images/up_pointer.png);
+  background-image: url(../images/up.svg);
   background-position: center;
   background-repeat: no-repeat;
-  background-position-y: -1px;
+  background-position-y: 5px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_button_down {
   bottom: 0px;
   height: 35px;
   border-top: 1px solid silver;
-  background-image: url(../images/down_pointer.png);
+  background-image: url(../images/down.svg);
   background-repeat: no-repeat;
   background-position: center;
-  background-position-y: 1px;
+  background-position-y: 6px;
+  background-size: 24px;
 }
 .egw_fw_ui_scrollarea_outerdiv {
   height: 100%;