diff --git a/src/pages/settings/GenericSettings.tsx b/src/pages/settings/GenericSettings.tsx
index 8dd72a68..b9c9f546 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 846dae9f..ff1b6ce8 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" &&