diff --git a/@packaged/angular-star-rating.tgz b/@packaged/angular-star-rating.tgz
index 3910cdb..c98e8f3 100644
Binary files a/@packaged/angular-star-rating.tgz and b/@packaged/angular-star-rating.tgz differ
diff --git a/apps/angular5-example/src/app/app.component.html b/apps/angular5-example/src/app/app.component.html
index 9fb59ae..30e105c 100644
--- a/apps/angular5-example/src/app/app.component.html
+++ b/apps/angular5-example/src/app/app.component.html
@@ -1,6 +1,8 @@
 <div id="main-container" class="container-fluid">
   <nav id="main-menu" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
-    <a class="navbar-brand" href="#">StarRating</a>
+    <a class="navbar-brand" href="https://github.com/BioPhoton/angular-star-rating">
+      Angular Star Rating<!--<i class="fas fa-github"></i>-->
+    </a>
     <button class="navbar-toggler d-lg-none"
             type="button"
       data-toggle="collapse"
@@ -17,7 +19,7 @@
       <ul class="navbar-nav mr-auto">
         <li class="nav-item" routerLinkActive="active">
           <a class="nav-link" [routerLink]="['property-bindings']"
-            (click)="toggleNav(true)">Property Bindings <i class="fas fa-user"></i></a>
+            (click)="toggleNav(true)">Property Bindings</a>
         </li>
         <li class="nav-item" routerLinkActive="active">
           <a class="nav-link" [routerLink]="['event-bindings']"
@@ -27,6 +29,7 @@
           <a class="nav-link" [routerLink]="['form-control']"
             (click)="toggleNav(true)">From Control</a>
         </li>
+        <!--
         <li class="nav-item" routerLinkActive="active">
           <a class="nav-link" [routerLink]="['custom-style']"
             (click)="toggleNav(true)">Custom Style</a>
@@ -35,6 +38,7 @@
           <a class="nav-link" [routerLink]="['custom-stars']"
             (click)="toggleNav(true)">Custom Stars</a>
         </li>
+        -->
         <li class="nav-item" routerLinkActive="active">
           <a class="nav-link" [routerLink]="['static-config-override']"
             (click)="toggleNav(true)">Custom Config</a>
diff --git a/apps/angular5-example/src/app/app.component.ts b/apps/angular5-example/src/app/app.component.ts
index 184da14..292858b 100644
--- a/apps/angular5-example/src/app/app.component.ts
+++ b/apps/angular5-example/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
diff --git a/apps/angular5-example/src/app/app.module.ts b/apps/angular5-example/src/app/app.module.ts
index 11aa7d8..72c51b0 100644
--- a/apps/angular5-example/src/app/app.module.ts
+++ b/apps/angular5-example/src/app/app.module.ts
@@ -70,7 +70,7 @@ const DECLARATIONS = [
     ),
     StaticModuleModule
   ],
-  declarations: [DECLARATIONS, CustomStyleComponent, CustomStarsComponent],
+  declarations: [DECLARATIONS],
   providers: [],
   bootstrap: [AppComponent]
 })
diff --git a/apps/angular5-example/src/app/components/property-bindings/property-bindings.component.html b/apps/angular5-example/src/app/components/property-bindings/property-bindings.component.html
index 6935f16..85d9416 100644
--- a/apps/angular5-example/src/app/components/property-bindings/property-bindings.component.html
+++ b/apps/angular5-example/src/app/components/property-bindings/property-bindings.component.html
@@ -31,7 +31,7 @@ <h1>Property Bindings</h1>
   <div class="row">
     <div class="col">
       <fieldset>
-        <legend>Layout</legend>
+        <legend id="layout">Layout</legend>
 
         <div class="row">
           <div class="col">
@@ -124,8 +124,8 @@ <h1>Property Bindings</h1>
 
       </fieldset>
 
-      <fieldset class="form-group row">
-        <legend>Dimensions</legend>
+      <fieldset>
+        <legend id="dimensions">Dimensions</legend>
 
         <div class="row">
           <div class="col">
@@ -167,7 +167,7 @@ <h1>Property Bindings</h1>
 
       <fieldset>
 
-        <legend>Styling</legend>
+        <legend id="styling">Styling</legend>
 
         <div class="row">
           <div class="col">
@@ -254,7 +254,7 @@ <h1>Property Bindings</h1>
       </fieldset>
 
       <fieldset>
-        <legend>Other</legend>
+        <legend id="other">Other</legend>
         <div class="row">
           <div class="col">
             <div class="form-group">
@@ -282,6 +282,7 @@ <h1>Property Bindings</h1>
           <div class="col">
             <label>&nbsp;</label>
             <star-rating-comp
+              [showHalfStars]="true"
               [rating]="bindingsForm.get('rating').value">
             </star-rating-comp>
           </div>
diff --git a/docs/index.html b/docs/index.html
index 5d6142c..61ed848 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Angular Star Rating</title><base href="/angular-star-rating/"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/x-icon" href="favicon.ico"><link href="styles.227d3819da85f9d5a28e.bundle.css" rel="stylesheet"/></head><body><app-root></app-root><script type="text/javascript" src="inline.7763f5ae6c1908ef83d0.bundle.js"></script><script type="text/javascript" src="polyfills.728eb32b451cc2136f6f.bundle.js"></script><script type="text/javascript" src="main.d687598243f6985189a5.bundle.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Angular Star Rating</title><base href="/angular-star-rating/"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/x-icon" href="favicon.ico"><link href="styles.227d3819da85f9d5a28e.bundle.css" rel="stylesheet"/></head><body><app-root></app-root><script type="text/javascript" src="inline.7763f5ae6c1908ef83d0.bundle.js"></script><script type="text/javascript" src="polyfills.728eb32b451cc2136f6f.bundle.js"></script><script type="text/javascript" src="main.3273466e25f6e2b29633.bundle.js"></script></body></html>
\ No newline at end of file