diff --git a/frontend/src/WebSettings.tsx b/frontend/src/WebSettings.tsx
index 60067c0..a5e549e 100644
--- a/frontend/src/WebSettings.tsx
+++ b/frontend/src/WebSettings.tsx
@@ -4,5 +4,6 @@ export const WebSettingsContext = createContext<Record<string, WebSetting>>({});
 
 export type WebSetting = {
   displayName: string;
+  display: boolean;
   index: number;
 };
diff --git a/frontend/src/components/GenericComponent.tsx b/frontend/src/components/GenericComponent.tsx
index 6338c3c..ccc9760 100644
--- a/frontend/src/components/GenericComponent.tsx
+++ b/frontend/src/components/GenericComponent.tsx
@@ -62,8 +62,13 @@ export const GenericComponent = React.memo(
     const webSettings = useContext(WebSettingsContext);
     let displayName = name;
 
-    if (webSettings[fullAccessPath] && webSettings[fullAccessPath].displayName) {
-      displayName = webSettings[fullAccessPath].displayName;
+    if (webSettings[fullAccessPath]) {
+      if (webSettings[fullAccessPath].display === false) {
+        return null;
+      }
+      if (webSettings[fullAccessPath].displayName) {
+        displayName = webSettings[fullAccessPath].displayName;
+      }
     }
 
     function changeCallback(