diff --git a/generators/angular/resources/package.json b/generators/angular/resources/package.json
index e487eda30de..0fa981b596e 100644
--- a/generators/angular/resources/package.json
+++ b/generators/angular/resources/package.json
@@ -1,30 +1,30 @@
 {
   "dependencies": {
-    "@angular/common": "17.3.9",
-    "@fortawesome/angular-fontawesome": "0.14.1",
+    "@angular/common": "18.0.3",
+    "@fortawesome/angular-fontawesome": "0.15.0",
     "@fortawesome/fontawesome-svg-core": "6.5.2",
     "@fortawesome/free-solid-svg-icons": "6.5.2",
-    "@ng-bootstrap/ng-bootstrap": "16.0.0",
+    "@ng-bootstrap/ng-bootstrap": "17.0.0",
     "@ngx-translate/core": "15.0.0",
     "@ngx-translate/http-loader": "8.0.0",
     "@popperjs/core": "2.11.8",
     "@stomp/rx-stomp": "2.0.0",
     "bootstrap": "5.3.3",
     "bootswatch": "5.3.3",
-    "ngx-cookie-service": "17.1.0",
-    "ngx-infinite-scroll": "17.0.0",
+    "ngx-cookie-service": "18.0.0",
+    "ngx-infinite-scroll": "18.0.0",
     "rxjs": "7.8.1",
     "sockjs-client": "1.6.1",
     "tslib": "2.6.3",
-    "zone.js": "0.14.6"
+    "zone.js": "0.14.7"
   },
   "devDependencies": {
-    "@angular-architects/module-federation": "17.0.8",
-    "@angular-architects/module-federation-runtime": "17.0.8",
-    "@angular-builders/custom-webpack": "17.0.2",
-    "@angular-builders/jest": "17.0.3",
-    "@angular-eslint/eslint-plugin": "17.5.2",
-    "@angular/cli": "17.3.7",
+    "@angular-architects/module-federation": "18.0.2",
+    "@angular-architects/module-federation-runtime": "18.0.2",
+    "@angular-builders/custom-webpack": "18.0.0",
+    "@angular-builders/jest": "18.0.0",
+    "@angular-eslint/eslint-plugin": "18.0.1",
+    "@angular/cli": "18.0.4",
     "@types/jest": "29.5.12",
     "@types/node": "20.11.25",
     "@types/sockjs-client": "1.5.4",
diff --git a/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs b/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs
index 0d4011a0268..dbf9fa1ebc3 100644
--- a/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs
+++ b/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs
@@ -22,7 +22,7 @@
 
     <div class="d-flex justify-content-end">
       <button class="btn btn-info me-2" (click)="loadAll()" [disabled]="isLoading()">
-        <fa-icon icon="sync" [spin]="isLoading()"></fa-icon>
+        <fa-icon icon="sync" [animation]="isLoading() ? 'spin' : undefined"></fa-icon>
         <span>__jhiTranslateTag__('userManagement.home.refreshListLabel')</span>
       </button>
       <button class="btn btn-primary jh-create-entity" [routerLink]="['./new']">
diff --git a/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/list/_entityFile_.component.html.ejs b/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/list/_entityFile_.component.html.ejs
index 5b74c60f168..109a5182ff7 100644
--- a/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/list/_entityFile_.component.html.ejs
+++ b/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/list/_entityFile_.component.html.ejs
@@ -22,7 +22,7 @@
 
         <div class="d-flex justify-content-end">
             <button class="btn btn-info me-2" (click)="load()" [disabled]="isLoading">
-                <fa-icon icon="sync" [spin]="isLoading"></fa-icon>
+                <fa-icon icon="sync" [animation]="isLoading ? 'spin' : undefined"></fa-icon>
                 <span>__jhiTranslateTag__('<%- i18nKeyPrefix %>.home.refreshListLabel')</span>
             </button>
             <%_ if (!readOnly) { _%>