diff --git a/package.json b/package.json
index 6dce013..3b2a987 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-slider",
-  "version": "0.2.3",
+  "version": "0.2.17",
   "description": "Slider directive implementation for AngularJS, without jQuery dependencies.",
   "main": "slider.js",
   "repository": {
diff --git a/slider.css b/slider.css
index efb28ad..edd70eb 100644
--- a/slider.css
+++ b/slider.css
@@ -2,7 +2,7 @@
 slider, [slider] {
   display: inline-block;
   position: relative;
-  height: 7px;
+  height: 25px;
   width: 100%;
   margin: 25px 5px 25px 5px;
   vertical-align: middle;
@@ -16,33 +16,33 @@ slider div, [slider] div {
 slider div.bar, [slider] div.bar {
   width: 100%;
   height: 100%;
-  border-radius: 7px;
-  background: #444;
+  border-radius: 5px;
+  background: #93e0b6;
   overflow: hidden;
 }
 /* line 21, slider.scss */
 slider div.bar .selection, [slider] div.bar .selection {
   width: 0%;
   height: 100%;
-  background: #13b6ff;
+  background: #0cba5a;
 }
 /* line 28, slider.scss */
 slider div.handle, [slider] div.handle {
   cursor: pointer;
-  width: 20px;
-  height: 20px;
+  width: 40px;
+  height: 40px;
   top: -8px;
-  background-color: #fff;
-  border: 1px solid #000;
+  background-color: #0cba5a;
+  border: 3px solid #ffffff;
   z-index: 2;
   border-radius: 100%;
 }
 /* line 38, slider.scss */
 slider div.handle:after, [slider] div.handle:after {
-  content: '';
-  background-color: #777;
-  width: 8px;
-  height: 8px;
+  content: initial;
+  background-color: transparent;
+  width: 40px;
+  height: 40px;
   position: absolute;
   top: 6px;
   left: 6px;
diff --git a/slider.js b/slider.js
index ee0d6d6..dacc42f 100644
--- a/slider.js
+++ b/slider.js
@@ -208,7 +208,7 @@
                     });
                   case attributes.highlight === 'left':
                     selection.css({
-                      width: pixelsToOffset(newLowValue)
+                      width: pixelsToOffset(newLowValue + 1)
                     });
                     return offset(selection, 0);
                 }
diff --git a/slider.scss b/slider.scss
index 0608b0d..716b1dc 100644
--- a/slider.scss
+++ b/slider.scss
@@ -1,4 +1,4 @@
-$height: 7px;
+$height: 25px;
 slider, [slider] {
   display: inline-block;
   position: relative;
@@ -14,14 +14,14 @@ slider, [slider] {
     &.bar {
       width: 100%;
       height: 100%;
-      border-radius: $height;
-      background: #444;
+      border-radius:5px;
+      background: #93e0b6;
       overflow: hidden;
 
       .selection {
         width: 0%;
         height: 100%;
-        background: #13b6ff;
+        background: #0cba5a;
       }
     }
 
@@ -30,14 +30,14 @@ slider, [slider] {
       width: 20px;
       height: 20px;
       top: -8px;
-      background-color: #fff;
-      border: 1px solid #000;
+      background-color: #0cba5a;
+      border: 3px solid #ffffff;
       z-index: 2;
       border-radius: 100%;
 
       &:after {
-        content: '';
-        background-color: #777;
+        content: initial;
+        background-color: transparent;
         width: 8px;
         height: 8px;
         position: absolute;