diff --git a/sae-csc/src/app/pages/main/main.ts b/sae-csc/src/app/pages/main/main.ts
index e5a3495..f04b961 100644
--- a/sae-csc/src/app/pages/main/main.ts
+++ b/sae-csc/src/app/pages/main/main.ts
@@ -1,8 +1,7 @@
 import {Component} from '@angular/core';
 import {TranslateTexts} from 'sae-lib/inbox/translate-texts/translate-texts';
-import {FiltersGroup} from '../../../../../my-workspace/projects/sae-lib/filters/filters-group/filters-group';
+import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group';
 import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
-import {ColorDisplay} from 'sae-lib/colours/color-display/color-display';
 import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
 
 
@@ -12,7 +11,6 @@ import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
     TranslateTexts,
     FiltersGroup,
     BottomNavigation,
-    ColorDisplay,
     FeedbackButton
   ],
   templateUrl: './main.html',
diff --git a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
index 1212ef8..52c2dd9 100644
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
@@ -1,6 +1,6 @@
 <div class="bottom-navigation">
   <nav class="navigation">
-    <a class="nav-item" id="privacy_policy_popup" (click)="togglePrivacyPolicy()">
+    <a (click)="togglePrivacyPolicy()" class="nav-item" id="privacy_policy_popup">
       privacy policy
     </a>
     <a class="nav-item">
@@ -20,30 +20,36 @@
   </div>
 
   <!-- Privacy Policy Popup -->
-  <div class="privacy-policy-popup" *ngIf="showPrivacyPolicy">
-    <div class="popup-overlay" (click)="closePrivacyPolicy()"></div>
-    <div class="popup-content">
-      <button class="close-button" (click)="closePrivacyPolicy()">
-        <span>×</span>
-      </button>
-      <div class="popup-body">
-        <h2>Privacy Policy</h2>
-        <p>
-          This privacy policy explains how we collect, use, and protect your personal information when you use our services.
-        </p>
-        <p>
-          We collect information to provide better services to all our users. This includes information you provide to us, such as your name, email address, and other personal details.
-        </p>
-        <p>
-          We use this information to provide, maintain, and improve our services, develop new ones, and protect our users.
-        </p>
-        <p>
-          We will not share your personal information with anyone except as described in this Privacy Policy.
-        </p>
-      </div>
-      <div class="popup-footer">
-        <button class="agree-button" (click)="closePrivacyPolicy()">I agree</button>
+  @if (showPrivacyPolicy) {
+    <div class="privacy-policy-popup">
+      <div class="popup-overlay" (click)="closePrivacyPolicy()"></div>
+      <div class="popup-content">
+        <button class="close-button" (click)="closePrivacyPolicy()">
+          <span>×</span>
+        </button>
+        <div class="popup-body">
+          <h2>Privacy Policy</h2>
+          <p>
+            This privacy policy explains how we collect, use, and protect your personal information when you use our
+            services.
+          </p>
+          <p>
+            We collect information to provide better services to all our users. This includes information you provide to
+            us, such as your name, email address, and other personal details.
+          </p>
+          <p>
+            We use this information to provide, maintain, and improve our services, develop new ones, and protect our
+            users.
+          </p>
+          <p>
+            We will not share your personal information with anyone except as described in this Privacy Policy.
+          </p>
+        </div>
+        <div class="popup-footer">
+          <button class="agree-button" (click)="closePrivacyPolicy()">I agree</button>
+        </div>
       </div>
     </div>
-  </div>
+  }
+
 </div>
diff --git a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts
index 8a4b53b..b72393c 100644
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts
@@ -1,12 +1,10 @@
-import { Component } from '@angular/core';
-import { RouterLink } from '@angular/router';
-import { NgIf } from '@angular/common';
+import {Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
 
 @Component({
   selector: 'app-bottom-navigation',
   imports: [
     RouterLink,
-    NgIf
   ],
   templateUrl: './bottom-navigation.html',
   styleUrl: './bottom-navigation.scss'