diff --git a/example.html b/example.html
index 2c3d7c3..d0f52eb 100644
--- a/example.html
+++ b/example.html
@@ -58,6 +58,11 @@
     var f3 = f2.addFolder('Nested Folder');
     f3.add(obj, 'growthSpeed');
 
+    obj['Button with a long description'] = function () {
+      console.log('Button with a long description pressed');
+    };
+    gui.add(obj, 'Button with a long description');
+
   </script>
 </body>
 </html>
diff --git a/src/dat/gui/_structure.scss b/src/dat/gui/_structure.scss
index 3193f8e..4be6df1 100644
--- a/src/dat/gui/_structure.scss
+++ b/src/dat/gui/_structure.scss
@@ -172,6 +172,11 @@ $button-height: 20px;
     text-overflow: ellipsis;
   }
 
+  /** Function controllers can use the entire width */
+  .cr.function .property-name {
+    width: 100%;
+  }
+
   /** Controller-half (right) */
   .c {
     float: left;