diff --git a/src/UI/BigComponents/SelectedElementView.svelte b/src/UI/BigComponents/SelectedElementView.svelte
index 5965e7745..91ca81b5d 100644
--- a/src/UI/BigComponents/SelectedElementView.svelte
+++ b/src/UI/BigComponents/SelectedElementView.svelte
@@ -8,6 +8,7 @@
   import Translations from "../i18n/Translations"
   import Tr from "../Base/Tr.svelte"
   import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig"
+  import UserRelatedState from "../../Logic/State/UserRelatedState"
 
   export let state: SpecialVisualizationState
   export let selectedElement: Feature
@@ -17,7 +18,7 @@
     selectedElement.properties.id
   )
 
-  let layer: LayerConfig =state.layout.getMatchingLayer(tags.data)
+  let layer: LayerConfig = selectedElement.properties.id === "settings" ? UserRelatedState.usersettingsConfig :  state.layout.getMatchingLayer(tags.data)
   
   
   let stillMatches = tags.map(tags => !layer?.source?.osmTags || layer.source.osmTags?.matchesProperties(tags))
diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index 0a2b6806e..69dc3a8b3 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -583,10 +583,9 @@
           </div>
           <SelectedElementView
             highlightedRendering={state.guistate.highlightedUserSetting}
-            layer={UserRelatedState.usersettingsConfig}
             selectedElement={{
               type: "Feature",
-              properties: {},
+              properties: {id:"settings"},
               geometry: { type: "Point", coordinates: [0, 0] },
             }}
             {state}