diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss
index 99b347e807..672b483bd6 100644
--- a/web/src/assets/styles/blocks.scss
+++ b/web/src/assets/styles/blocks.scss
@@ -310,6 +310,7 @@ ul[data-type="agama/list"] {
 // These attributes together means that UI is rendering a selector
 ul[data-type="agama/list"][role="listbox"] {
   li[role="option"] {
+    cursor: pointer;
     transition: all 0.2s ease-in-out;
 
     &:hover {
diff --git a/web/src/assets/styles/utilities.scss b/web/src/assets/styles/utilities.scss
index afaf6cebe5..39f71a946f 100644
--- a/web/src/assets/styles/utilities.scss
+++ b/web/src/assets/styles/utilities.scss
@@ -171,10 +171,6 @@
   max-inline-size: calc(var(--ui-max-inline-size) + var(--spacer-large))
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .height-75 {
   height: 75dvh;
 }
diff --git a/web/src/components/l10n/KeymapSelector.jsx b/web/src/components/l10n/KeymapSelector.jsx
index fdae61ec7f..af4eeb057b 100644
--- a/web/src/components/l10n/KeymapSelector.jsx
+++ b/web/src/components/l10n/KeymapSelector.jsx
@@ -92,7 +92,6 @@ export default function KeymapSelector({ value, keymaps = [], onChange = noop })
             key={`keymap-${index}`}
             onClick={() => onChange(keymap.id)}
             isSelected={keymap.id === value}
-            className="cursor-pointer"
           >
             <KeymapItem keymap={keymap} />
           </ListBoxItem>
diff --git a/web/src/components/l10n/LocaleSelector.jsx b/web/src/components/l10n/LocaleSelector.jsx
index 6c9e9d1b20..12bae4867a 100644
--- a/web/src/components/l10n/LocaleSelector.jsx
+++ b/web/src/components/l10n/LocaleSelector.jsx
@@ -92,7 +92,6 @@ export default function LocaleSelector({ value, locales = [], onChange = noop })
             key={`locale-${index}`}
             onClick={() => onChange(locale.id)}
             isSelected={locale.id === value}
-            className="cursor-pointer"
           >
             <LocaleItem locale={locale} />
           </ListBoxItem>
diff --git a/web/src/components/l10n/TimezoneSelector.jsx b/web/src/components/l10n/TimezoneSelector.jsx
index 2805b607e7..55ddc9b629 100644
--- a/web/src/components/l10n/TimezoneSelector.jsx
+++ b/web/src/components/l10n/TimezoneSelector.jsx
@@ -112,7 +112,6 @@ export default function TimezoneSelector({ value, timezones = [], onChange = noo
             key={`timezone-${index}`}
             onClick={() => onChange(timezone.id)}
             isSelected={timezone.id === value}
-            className="cursor-pointer"
           >
             <TimezoneItem timezone={timezone} date={date} />
           </ListBoxItem>
diff --git a/web/src/components/storage/device-utils.jsx b/web/src/components/storage/device-utils.jsx
index df4cd29fc2..baf38ffb1a 100644
--- a/web/src/components/storage/device-utils.jsx
+++ b/web/src/components/storage/device-utils.jsx
@@ -274,7 +274,6 @@ const DeviceSelector = ({ devices, selected, isMultiple = false, onChange = noop
           role="option"
           onClick={() => onOptionClick(device.name)}
           isSelected={isSelected(device.name)}
-          className="cursor-pointer"
           data-type="storage-device"
         >
           <DeviceItem device={device} />
diff --git a/web/src/components/storage/space-policy-utils.jsx b/web/src/components/storage/space-policy-utils.jsx
index b1e5084115..fbb5fc5275 100644
--- a/web/src/components/storage/space-policy-utils.jsx
+++ b/web/src/components/storage/space-policy-utils.jsx
@@ -116,7 +116,6 @@ const SpacePolicySelector = ({ value, onChange = noop }) => {
           role="option"
           onClick={() => onChange(policy)}
           isSelected={policy === value}
-          className="cursor-pointer"
         >
           <PolicyItem policy={policy} />
         </ListBoxItem>