diff --git a/src/components/dialogs/LogoDialog.jsx b/src/components/dialogs/LogoDialog.jsx
index 34409ef..e1edd68 100644
--- a/src/components/dialogs/LogoDialog.jsx
+++ b/src/components/dialogs/LogoDialog.jsx
@@ -18,7 +18,7 @@ export const LogoDialog = ({ logo, setLogo }: Props) => (
         Object.keys(LOGOS).map(item => (
           <div
             className={classnames('helper-menu-item', { active: (item === logo) })}
-            onClick={() => setLogo(item)}
+            onMouseDown={() => setLogo(item)}
             key={item}
           >
             {LOGOS[item][0]}
diff --git a/src/components/dialogs/ProviderDialog.jsx b/src/components/dialogs/ProviderDialog.jsx
index 0ad4c6b..63edcc8 100644
--- a/src/components/dialogs/ProviderDialog.jsx
+++ b/src/components/dialogs/ProviderDialog.jsx
@@ -2,44 +2,34 @@ import React from 'react';
 import { PROVIDERS, replaceProviderUrl } from '$constants/providers';
 import { Icon } from '$components/panels/Icon';
 import classnames from 'classnames';
-import { MODES } from '$constants/modes';
 
 type Props = {
   changeProvider: Function,
-  setMode: Function,
   provider: String,
 };
 
-export class ProviderDialog extends React.Component<Props, void> {
-  closeDialog = () => this.props.setMode(MODES.NONE);
-
-  render() {
-    const { provider, changeProvider } = this.props;
-
-    return (
-      <div className="control-dialog top right control-dialog-provider">
-        <div className="helper provider-helper">
-          {
-            Object.keys(PROVIDERS).map(item => (
-              <div
-                className={classnames('provider-helper-thumb', { active: provider === item })}
-                style={{
-                  backgroundImage: `url(${replaceProviderUrl(item, { x: 5980, y: 2589, zoom: 13 })})`,
-                }}
-                onClick={() => changeProvider(item)}
-                key={PROVIDERS[item].name}
-              >
-                {
-                  provider === item &&
-                    <div className="provider-helper-check">
-                      <Icon icon="icon-check-1" />
-                    </div>
-                }
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    );
-  }
-}
+export const ProviderDialog = ({ provider, changeProvider }: Props) => (
+  <div className="control-dialog top right control-dialog-provider">
+    <div className="helper provider-helper">
+      {
+        Object.keys(PROVIDERS).map(item => (
+          <div
+            className={classnames('provider-helper-thumb', { active: provider === item })}
+            style={{
+              backgroundImage: `url(${replaceProviderUrl(item, { x: 5980, y: 2589, zoom: 13 })})`,
+            }}
+            onMouseDown={() => changeProvider(item)}
+            key={PROVIDERS[item].name}
+          >
+            {
+              provider === item &&
+                <div className="provider-helper-check">
+                  <Icon icon="icon-check-1" />
+                </div>
+            }
+          </div>
+        ))
+      }
+    </div>
+  </div>
+);