diff --git a/ext/src/ui/photon-widgets.css b/ext/src/ui/photon-widgets.css
index 5e85e75..03466e5 100644
--- a/ext/src/ui/photon-widgets.css
+++ b/ext/src/ui/photon-widgets.css
@@ -150,6 +150,9 @@ button:default:hover:active {
     top: 0;
     width: var(--arrow-width);
 }
+.select-wrapper--disabled::after {
+    opacity: 0.25;
+}
 select {
     -moz-appearance: none;
     padding-right: calc(8px + var(--arrow-width));
diff --git a/ext/src/ui/popup/Popup.svelte b/ext/src/ui/popup/Popup.svelte
index c224394..ae700da 100644
--- a/ext/src/ui/popup/Popup.svelte
+++ b/ext/src/ui/popup/Popup.svelte
@@ -368,7 +368,11 @@
     <div class="media-type-select__label-cast">
         {_("popupMediaSelectCastLabel")}
     </div>
-    <div class="select-wrapper">
+    <div
+        class="select-wrapper"
+        class:select-wrapper--disabled={availableMediaTypes ===
+            ReceiverSelectorMediaType.None}
+    >
         <select
             class="media-type-select__dropdown"
             bind:value={mediaType}