Waited wayy too long for Firefox to support :has

src/components/shortcuts-settings.css

@@ -85,7 +85,7 @@
   transform: scale(0.975);
   transition: all 0.2s ease-out;
 }
-#shortcuts-settings-container .shortcuts-view-mode label:has(input:checked) {
+#shortcuts-settings-container .shortcuts-view-mode label.checked {
   box-shadow: inset 0 0 0 3px var(--link-color);
 }
 #shortcuts-settings-container

src/components/shortcuts-settings.jsx

@@ -271,17 +271,18 @@ function ShortcutsSettings({ onClose }) {
               label: 'Multi-column',
               imgURL: multiColumnUrl,
             },
-          ].map(({ value, label, imgURL }) => (
+          ].map(({ value, label, imgURL }) => {
-            <label>
+            const checked =
+              snapStates.settings.shortcutsViewMode === value ||
+              (value === 'float-button' &&
+                !snapStates.settings.shortcutsViewMode);
+            return (
+              <label key={value} class={checked ? 'checked' : ''}>
                 <input
                   type="radio"
                   name="shortcuts-view-mode"
                   value={value}
-                checked={
+                  checked={checked}
-                  snapStates.settings.shortcutsViewMode === value ||
-                  (value === 'float-button' &&
-                    !snapStates.settings.shortcutsViewMode)
-                }
                   onChange={(e) => {
                     states.settings.shortcutsViewMode = e.target.value;
                   }}
@@ -289,7 +290,8 @@ function ShortcutsSettings({ onClose }) {
                 <img src={imgURL} alt="" width="80" height="58" />{' '}
                 <span>{label}</span>
               </label>
-          ))}
+            );
+          })}
         </div>
         {/* <select
               value={snapStates.settings.shortcutsViewMode || 'float-button'}