diff --git a/src/renderer/components/+catalog/catalog-add-button.scss b/src/renderer/components/+catalog/catalog-add-button.scss
index 7377a60dfc..4b2bb13490 100644
--- a/src/renderer/components/+catalog/catalog-add-button.scss
+++ b/src/renderer/components/+catalog/catalog-add-button.scss
@@ -5,5 +5,20 @@
 
   .MuiFab-primary {
     background-color: var(--blue);
+
+    &:hover {
+      background-color: #317bb3;
+    }
  }
 }
+
+.MuiTooltip-popper {
+  .MuiTooltip-tooltip {
+    background-color: #222;
+    font-size: 12px
+  }
+
+  .MuiTooltip-arrow {
+    color: #222;
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/components/+catalog/catalog-add-button.tsx b/src/renderer/components/+catalog/catalog-add-button.tsx
index 6da733af7c..9b9814314f 100644
--- a/src/renderer/components/+catalog/catalog-add-button.tsx
+++ b/src/renderer/components/+catalog/catalog-add-button.tsx
@@ -45,6 +45,13 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
     this.isOpen = false;
   }
 
+  @autobind()
+  onButtonClick() {
+    if (this.menuItems.length == 1) {
+      this.menuItems[0].onClick();
+    }
+  }
+
   render() {
     if (this.menuItems.length === 0) {
       return null;
@@ -59,6 +66,7 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
         onClose={this.onClose}
         icon={<Icon material="add" />}
         direction="up"
+        onClick={this.onButtonClick}
       >
         { this.menuItems.map((menuItem, index) => {
           return <SpeedDialAction