diff --git a/src/settingTab.ts b/src/settingTab.ts
index 4179d06..7a6f191 100644
--- a/src/settingTab.ts
+++ b/src/settingTab.ts
@@ -328,8 +328,7 @@ export class EasyCopySettingTab extends PluginSettingTab {
 		const infoIcon = descFragment.createEl('span', {
 			attr: {
 				'aria-label': this.plugin.t('resolve-link-path-on-paste-tooltip'),
-				'class': 'clickable-icon setting-editor-extra-setting-button',
-				'style': 'display:inline; vertical-align:middle; cursor:help;',
+				'class': 'setting-editor-extra-setting-button'
 			},
 		});
 		setIcon(infoIcon, 'info');
diff --git a/styles.css b/styles.css
index 9b6747a..f8c910d 100644
--- a/styles.css
+++ b/styles.css
@@ -58,3 +58,13 @@ If your plugin does not need CSS, delete this file.
 .easy-copy-regex-error.is-visible {
   display: block;
 }
+
+.setting-editor-extra-setting-button {
+  display: inline-block;
+  vertical-align:middle;
+  cursor:help;
+
+  &:hover {
+    color: var(--color-accent);
+  }
+}
\ No newline at end of file