diff --git a/src/pages/settings/GenericSettings.tsx b/src/pages/settings/GenericSettings.tsx
index 8dd72a68e5abb0194c6da9b509f3b88ac4893ee0..b9c9f5463f5f5b1aebadfa74fdfce0377514ae38 100644
--- a/src/pages/settings/GenericSettings.tsx
+++ b/src/pages/settings/GenericSettings.tsx
@@ -75,7 +75,7 @@ export function GenericSettings({
                     content={
                         isTouchscreenDevice
                             ? theme["background"]
-                            : theme["background"]
+                            : theme["secondary-background"]
                     }
                 />
             </Helmet>
diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index 846dae9f690f030500b5937d42865a79d4c7a635..ff1b6ce80c65fd6c8881bfadf918baa4e1222ca4 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -98,6 +98,7 @@ export function Component(props: Props) {
                 <div className={styles.theme}>
                     <img
                         src={lightSVG}
+                        draggable={false}
                         data-active={selected === "light"}
                         onClick={() =>
                             selected !== "light" &&