diff --git a/package.json b/package.json
index 1dc51e70..5ed5f357 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "react-progress-2": "^4.4.2",
     "react-select": "1.2.1",
     "react-textarea-autosize": "5.1.0",
-    "react-transition-group": "2.2.1",
+    "react-transition-group": "4.4.1",
     "react-visibility-sensor": "3.11.0",
     "redux": "^3.7.2",
     "setimmediate": "1.0.5",
diff --git a/scss/components/_result-box.scss b/scss/components/_result-box.scss
index 3e03ffb5..dacc04b6 100644
--- a/scss/components/_result-box.scss
+++ b/scss/components/_result-box.scss
@@ -19,6 +19,19 @@
     }
   }
 
+  &.is-clickable {
+    cursor: pointer;
+
+    &:hover {
+      border-color: $Form-input-onFocused-borderColor;
+      box-shadow: $Form-input-boxShadow;
+
+      @if $Form-input-onFocused-bg !=$Form-input-bg {
+        background-color: $Form-input-onFocused-bg;
+      }
+    }
+  }
+
   &.is-error.is-focused {
     border-color: $Form-input-onError-borderColor;
   }
diff --git a/src/components/ResultBox.tsx b/src/components/ResultBox.tsx
index 72845f77..a3da4780 100644
--- a/src/components/ResultBox.tsx
+++ b/src/components/ResultBox.tsx
@@ -124,7 +124,8 @@ export class ResultBox extends React.Component<ResultBoxProps> {
           className,
           isFocused ? 'is-focused' : '',
           disabled ? 'is-disabled' : '',
-          hasError ? 'is-error' : ''
+          hasError ? 'is-error' : '',
+          onResultClick ? 'is-clickable' : ''
         )}
         onClick={onResultClick}
         tabIndex={!allowInput && onFocus ? 0 : -1}