diff --git a/resources/library/interactivities/Transformation.wgt/css/images/trgDown.png b/resources/library/interactivities/Transformation.wgt/css/images/trgDown.png
new file mode 100644
index 00000000..632be5fb
Binary files /dev/null and b/resources/library/interactivities/Transformation.wgt/css/images/trgDown.png differ
diff --git a/resources/library/interactivities/Transformation.wgt/css/images/trgLeft.png b/resources/library/interactivities/Transformation.wgt/css/images/trgLeft.png
new file mode 100644
index 00000000..6b20ab95
Binary files /dev/null and b/resources/library/interactivities/Transformation.wgt/css/images/trgLeft.png differ
diff --git a/resources/library/interactivities/Transformation.wgt/css/images/trgRight.png b/resources/library/interactivities/Transformation.wgt/css/images/trgRight.png
new file mode 100644
index 00000000..05646be0
Binary files /dev/null and b/resources/library/interactivities/Transformation.wgt/css/images/trgRight.png differ
diff --git a/resources/library/interactivities/Transformation.wgt/css/images/trgUp.png b/resources/library/interactivities/Transformation.wgt/css/images/trgUp.png
new file mode 100644
index 00000000..869adf5b
Binary files /dev/null and b/resources/library/interactivities/Transformation.wgt/css/images/trgUp.png differ
diff --git a/resources/library/interactivities/Transformation.wgt/css/ubw-main.css b/resources/library/interactivities/Transformation.wgt/css/ubw-main.css
index 09b0a91b..c9449dc5 100644
--- a/resources/library/interactivities/Transformation.wgt/css/ubw-main.css
+++ b/resources/library/interactivities/Transformation.wgt/css/ubw-main.css
@@ -6,6 +6,63 @@ html, body {
 	color: #666666;
 }
 
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+
+::-webkit-scrollbar-thumb {
+    /*border-radius: 10px; */
+    background-color:lightgray;
+    border: 2px solid gray;
+}
+
+::-webkit-scrollbar-button:vertical:start{
+    border-top-right-radius: 10px;
+    border-top-left-radius: 10px;
+    background-color:lightgray;
+    background-image: url(images/trgUp.png);
+    background-size: 8px auto;
+    background-position: center;
+    background-repeat: no-repeat;
+    border: 2px solid gray;
+}
+
+::-webkit-scrollbar-button:vertical:end{
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+    background-color:lightgray;
+    background-image: url(images/trgDown.png);
+    background-size: 8px auto;
+    background-position: center;
+    background-repeat: no-repeat;
+    border: 2px solid gray;
+}
+
+::-webkit-scrollbar-button:horizontal:start{
+    width: 14px;
+    border-bottom-left-radius: 10px;
+    border-top-left-radius: 10px;
+    background-color:lightgray;
+    background-image: url(images/trgLeft.png);
+    background-size: 8px auto;
+    background-position: center;
+    background-repeat: no-repeat;
+    border: 2px solid gray;
+}
+
+::-webkit-scrollbar-button:horizontal:end{
+    width: 14px;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    background-color:lightgray;
+    background-image: url(images/trgRight.png);
+    background-size: 8px auto;
+    background-position: center;
+    background-repeat: no-repeat;
+    border: 2px solid gray;
+}
+
 #ubwidget {
 	position: absolute;
 	top: 0;