diff --git a/ts_web/elements/dees-button.ts b/ts_web/elements/dees-button.ts
index 808f7ec..cec4206 100644
--- a/ts_web/elements/dees-button.ts
+++ b/ts_web/elements/dees-button.ts
@@ -27,7 +27,9 @@ export class DeesButton extends DeesElement {
   @property()
   eventDetailData: string;
 
-  @property()
+  @property({
+    type: Boolean
+  })
   disabled = false;
 
   @property()
@@ -69,6 +71,7 @@ export class DeesButton extends DeesElement {
       .button:hover {
         cursor: pointer;
         background: #039be5;
+        border: 0px dashed ${cssManager.bdTheme('#eeeff300', '#66666600')};
         border-top: 1px solid #039be5;
         color: #ffffff;
       }
@@ -79,8 +82,8 @@ export class DeesButton extends DeesElement {
       }
 
       .button.disabled {
-        background: #fff;
-        border: 1px solid #eeeff3;
+        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
+        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
         color: #9b9b9e;
         cursor: default;
       }