diff --git a/angular/package.json b/angular/package.json
index 13bc8a3..e589cc0 100644
--- a/angular/package.json
+++ b/angular/package.json
@@ -13,27 +13,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "5.0.0",
-    "@angular/common": "5.0.0",
-    "@angular/compiler": "5.0.0",
-    "@angular/core": "5.0.0",
-    "@angular/forms": "5.0.0",
-    "@angular/http": "5.0.0",
-    "@angular/platform-browser": "5.0.0",
-    "@angular/platform-browser-dynamic": "5.0.0",
-    "@angular/router": "5.0.0",
-    "bulma": "0.6.1",
-    "core-js": "2.4.1",
+    "@angular/animations": "^5.2.3",
+    "@angular/common": "^5.2.3",
+    "@angular/compiler": "^5.2.3",
+    "@angular/core": "^5.2.3",
+    "@angular/forms": "^5.2.3",
+    "@angular/http": "^5.2.3",
+    "@angular/platform-browser": "^5.2.3",
+    "@angular/platform-browser-dynamic": "^5.2.3",
+    "@angular/router": "^5.2.3",
+    "bulma": "0.6.2",
+    "core-js": "2.5.3",
     "font-awesome": "4.7.0",
     "ng2-filter-pipe": "^0.1.10",
     "ng2-order-pipe": "^0.1.5",
-    "rxjs": "5.5.2",
-    "zone.js": "0.8.14"
+    "rxjs": "5.5.6",
+    "zone.js": "0.8.20"
   },
   "devDependencies": {
-    "@angular/cli": "1.5.2",
-    "@angular/compiler-cli": "5.0.0",
-    "@angular/language-service": "5.0.0",
+    "@angular/cli": "1.6.7",
+    "@angular/compiler-cli": "^5.2.3",
+    "@angular/language-service": "^5.2.3",
     "@types/jasmine": "2.8.2",
     "@types/jasminewd2": "2.0.2",
     "@types/node": "8.0.53",
diff --git a/angular/src/app/components/dashboard/dashboard.component.html b/angular/src/app/components/dashboard/dashboard.component.html
index b2f8068..0cf7ed3 100644
--- a/angular/src/app/components/dashboard/dashboard.component.html
+++ b/angular/src/app/components/dashboard/dashboard.component.html
@@ -98,7 +98,7 @@ <h2 class="title is-4">
                     <div class="media-left">
                         <img src="assets/images/{{book.image}}" width="40">
                     </div>
-                    <div class="media-content">
+                    <div class="media-content is-clipped">
                         <p class="title is-5 is-spaced is-marginless">
                             <a [routerLink]="['/books-edit']" [queryParams]="{id: book.id }">{{book.title}}</a>
                         </p>
@@ -124,7 +124,7 @@ <h2 class="title is-4">
                     <div class="media-left is-marginless">
                         <p class="number">{{i + 1}}</p>
                     </div>
-                    <div class="media-content">
+                    <div class="media-content is-clipped">
                         <p class="title is-5 is-spaced is-marginless">
                             <a [routerLink]="['/customers-edit']" [queryParams]="{id: customer.id }">{{ customer.name }}</a>
                         </p>