diff --git a/source/Ox.UI/css/Ox.UI.css b/source/Ox.UI/css/Ox.UI.css
index d119f1b0..c5e3c738 100644
--- a/source/Ox.UI/css/Ox.UI.css
+++ b/source/Ox.UI/css/Ox.UI.css
@@ -2031,9 +2031,12 @@ Panels
     margin: 0 0 0 0;
 }
 .OxCollapsePanel > .OxBar > .OxTitle {
-    float: left;
-    margin: 1px 0 0 0;
+    position: absolute;
+    margin: 1px 2px 0 2px;
     font-weight: bold;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 .OxCollapsePanel > .OxBar > .OxExtras {
     float: left;
diff --git a/source/Ox.UI/js/Panel/CollapsePanel.js b/source/Ox.UI/js/Panel/CollapsePanel.js
index 73937d64..41e184aa 100644
--- a/source/Ox.UI/js/Panel/CollapsePanel.js
+++ b/source/Ox.UI/js/Panel/CollapsePanel.js
@@ -87,7 +87,7 @@ Ox.CollapsePanel = function(options, self) {
     if (self.extras[0].length) {
         self.$extras[0] = Ox.Element()
             .addClass('OxExtras')
-            .css({width: self.extras[0].length * 16 + 2 + 'px'})
+            .css({width: self.extras[0].length * 16 + 'px'})
             .appendTo(self.$titlebar);
         self.extras[0].forEach(function($extra) {
             $extra.appendTo(self.$extras[0]);
@@ -96,6 +96,10 @@ Ox.CollapsePanel = function(options, self) {
 
     self.$title = Ox.Element()
         .addClass('OxTitle')
+        .css({
+            left: 16 + self.extras[0].length * 16 + 'px',
+            right: self.extras[1].length * 16 + 'px'
+        })
         .html(self.options.title)
         .appendTo(self.$titlebar);