diff --git a/src/scss/components/settings/_settings-panel-item.scss b/src/scss/components/settings/_settings-panel-item.scss
index 9b854a4d8..cfa29cd0e 100644
--- a/src/scss/components/settings/_settings-panel-item.scss
+++ b/src/scss/components/settings/_settings-panel-item.scss
@@ -10,7 +10,13 @@
     cursor: pointer;
   }
 
-  &:hover {
+  @media (hover: hover) {
+    &:hover {
+      background-color: transparentize($color-item-hover, .15);
+    }
+  }
+
+  &:active {
     background-color: transparentize($color-item-hover, .15);
   }
 
diff --git a/src/ts/components/buttons/Button.ts b/src/ts/components/buttons/Button.ts
index 6c32a6eb6..4338e2397 100644
--- a/src/ts/components/buttons/Button.ts
+++ b/src/ts/components/buttons/Button.ts
@@ -72,6 +72,7 @@ export class Button<Config extends ButtonConfig> extends Component<Config> {
 
     // Listen for the click event on the button element and trigger the corresponding event on the button component
     buttonElement.on('click', (e) => {
+      e.preventDefault();
       e.stopPropagation();
       this.onClickEvent();
     });
diff --git a/src/ts/components/settings/DynamicSettingsPanelItem.ts b/src/ts/components/settings/DynamicSettingsPanelItem.ts
index 035b15658..98c5d20b0 100644
--- a/src/ts/components/settings/DynamicSettingsPanelItem.ts
+++ b/src/ts/components/settings/DynamicSettingsPanelItem.ts
@@ -103,6 +103,7 @@ export class DynamicSettingsPanelItem extends SettingsPanelItem<DynamicSettingsP
       this.displayItemsSubPage();
     };
     this.getDomElement().on('click', (e) => {
+      e.preventDefault();
       e.stopPropagation();
       handleItemClick();
     });
diff --git a/src/ts/components/settings/SettingsPanelSelectOption.ts b/src/ts/components/settings/SettingsPanelSelectOption.ts
index bb92abefe..4562144de 100644
--- a/src/ts/components/settings/SettingsPanelSelectOption.ts
+++ b/src/ts/components/settings/SettingsPanelSelectOption.ts
@@ -57,7 +57,11 @@ export class SettingsPanelSelectOption extends SettingsPanelItem<SettingsPanelSe
     const handleItemClick = () => {
       this.settingComponent.selectItem(this.settingsValue);
     };
-    this.getDomElement().on('click', () => handleItemClick());
+    this.getDomElement().on('click', (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      handleItemClick();
+    });
 
     // Initial state
     handleSelectedOptionChanged();