diff --git a/src/app/system/system.component.html b/src/app/system/system.component.html
index f32c37f37..90ff221d8 100644
--- a/src/app/system/system.component.html
+++ b/src/app/system/system.component.html
@@ -149,11 +149,11 @@
-
-
+
+
- {{ 'labels.heading.Manage Surveys' | translate }}
+ {{ 'labels.heading.Manage Surveys' | translate }}
- {{ 'labels.text.Manage your Services' | translate }}
+ {{ 'labels.text.Manage Surveys' | translate }}
diff --git a/src/app/system/system.component.scss b/src/app/system/system.component.scss
index e69de29bb..9aecbd593 100644
--- a/src/app/system/system.component.scss
+++ b/src/app/system/system.component.scss
@@ -0,0 +1,4 @@
+.disabled-item {
+ pointer-events: none; // Prevent clicks
+ opacity: 0.5; // Greyed out effect
+}
diff --git a/src/app/system/system.component.ts b/src/app/system/system.component.ts
index 13925c1fc..3a6041ae8 100644
--- a/src/app/system/system.component.ts
+++ b/src/app/system/system.component.ts
@@ -41,6 +41,7 @@ export class SystemComponent implements AfterViewInit {
/* Template for popover on manage reports */
@ViewChild('templateManageReports') templateManageReports: TemplateRef;
// Initialize an array of 15 boolean values, all set to false
+ isDisabled: boolean = true;
arrowBooleans: boolean[] = new Array(15).fill(false);
/**