diff --git a/lib/assets/notification.css b/lib/assets/notification.css
index d6f5c0a..2d6f359 100644
--- a/lib/assets/notification.css
+++ b/lib/assets/notification.css
@@ -49,7 +49,7 @@ a {
 #notification .message p {
   -webkit-app-region: drag;
 }
-#notification.actions .message {
+#notification.horizontal.actions .message {
   width: 205px;
 }
 #notification.vertical.actions .message {
@@ -57,7 +57,7 @@ a {
 }
 #notification .message {
   height: 80px;
-  width: 310px;
+  width: 308px;
   float: left;
   text-overflow: clip;
   white-space: nowrap;
diff --git a/playbook/playbook.html b/playbook/playbook.html
index a38c737..8692ca5 100644
--- a/playbook/playbook.html
+++ b/playbook/playbook.html
@@ -34,6 +34,23 @@ <h3>Full options</h3>
   icon: 'http://cl.ly/J49B/3951818241085781941.png',
   buttons: ['Dismiss', 'Snooze'],
   duration : 60000
+})
+          </textarea>
+        </div>
+      </section>
+      <section class="sample">
+        <div class="talk">
+          <h3>No Buttons</h3>
+          <p>If you don't like buttons, this one is for you!</p>
+          <button for="nobuttons">Try it!</button>
+        </div>
+        <div class="code">
+          <textarea id="nobuttons">
+const notifier = require('electron-notifications')
+notifier.notify('Calendar', {
+  message: 'Event begins in 10 minutes',
+  icon: 'http://cl.ly/J49B/3951818241085781941.png',
+  duration : 60000
 })
           </textarea>
         </div>