diff --git a/clapper_src/controls.js b/clapper_src/controls.js
index b37b35bf..4a9b8a12 100644
--- a/clapper_src/controls.js
+++ b/clapper_src/controls.js
@@ -202,13 +202,6 @@ var Controls = GObject.registerClass({
             visible: false,
         });
 
-        this.togglePlayButton.bind_property('margin_top',
-            this.positionScale, 'margin_top', GObject.BindingFlags.SYNC_CREATE
-        );
-        this.togglePlayButton.bind_property('margin_bottom',
-            this.positionScale, 'margin_bottom', GObject.BindingFlags.SYNC_CREATE
-        );
-
         this.positionScale.add_css_class('positionscale');
         this.positionScale.connect('value-changed', this._onPositionScaleValueChanged.bind(this));
 
@@ -224,6 +217,7 @@ var Controls = GObject.registerClass({
         let box = new Gtk.Box({
             orientation: Gtk.Orientation.HORIZONTAL,
             hexpand: true,
+            valign: Gtk.Align.CENTER,
             can_focus: false,
         });
         box.append(this.positionScale);
diff --git a/css/styles.css b/css/styles.css
index 7e6bb8a4..e42ef444 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -66,7 +66,15 @@ scale marks {
   border-color: transparent;
   box-shadow: none;
 }
+.osd .positionscale {
+  margin-top: 2px;
+}
 .osd .positionscale trough highlight {
+  border-radius: 3px;
+  min-height: 22px;
+}
+.osd .positionscale.dragging trough highlight {
+  border-radius: 3px;
   min-height: 22px;
 }