diff --git a/source/Ox.UI/css/Ox.UI.css b/source/Ox.UI/css/Ox.UI.css
index c4089e33..bc7ce0a8 100644
--- a/source/Ox.UI/css/Ox.UI.css
+++ b/source/Ox.UI/css/Ox.UI.css
@@ -2073,12 +2073,12 @@ Video
     -webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
 }
 
+.OxVideoPlayer .OxBar.OxControls > * {
+    float: left;
+}
 .OxVideoPlayer .OxControls {
     position: absolute;
 }
-.OxVideoPlayer .OxControls > * {
-    float: left;
-}
 
 .OxVideoPlayer .OxFind {
     position: absolute;
diff --git a/source/Ox.UI/js/Video/Ox.VideoPlayer.js b/source/Ox.UI/js/Video/Ox.VideoPlayer.js
index 7349a431..d24d86d3 100644
--- a/source/Ox.UI/js/Video/Ox.VideoPlayer.js
+++ b/source/Ox.UI/js/Video/Ox.VideoPlayer.js
@@ -1677,7 +1677,7 @@ Ox.VideoPlayer = function(options, self) {
 
     function renderSettings() {
         var $settings = $('<div>')
-            .addClass('OxSettings')
+            .addClass('OxControls OxSettings')
             .bind({
                 click: function(e) {
                     var $target = $(e.target), resolution, title;