diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index fb261334..4af3ea5b 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -618,7 +618,7 @@
         "discoverDescription": "Show the Discover section on the Homepage below your bookmarked media. Enabled by default.",
         "discoverLabel": "Discover section",
         "hover": "Details popup",
-        "hoverDescription": "Show a popup with details when hovering over a media item. Disabled by default.",
+        "hoverDescription": "Show a popup with details when hovering over a media item. Disabled by default. (Only available on desktop)",
         "hoverLabel": "Details popup"
       }
     },
diff --git a/src/pages/parts/settings/AppearancePart.tsx b/src/pages/parts/settings/AppearancePart.tsx
index 825b8b06..48d9c67a 100644
--- a/src/pages/parts/settings/AppearancePart.tsx
+++ b/src/pages/parts/settings/AppearancePart.tsx
@@ -177,7 +177,7 @@ export function AppearancePart(props: {
             </p>
             <div
               onClick={() => props.setEnablePopDetails(!props.enablePopDetails)}
-              className="bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
+              className="opacity-50 md:opacity-100 bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
             >
               <Toggle enabled={props.enablePopDetails} />
               <p className="flex-1 text-white font-bold">