diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 84094dfd2..148b3ac2f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -35,6 +35,7 @@ import { ChartComponent } from './charts/chart/chart.component';
 import { FolderListComponent } from './lists/folder-list/folder-list.component';
 import { DialogComponent } from './dialog/dialog.component';
 import { CardComponent, CardTitleComponent, CardContentComponent } from './card/card.component';
+import { TrimPipe } from './trim.pipe';
 
 @NgModule({
   declarations: [
@@ -51,6 +52,7 @@ import { CardComponent, CardTitleComponent, CardContentComponent } from './card/
     CardComponent,
     CardTitleComponent,
     CardContentComponent,
+    TrimPipe,
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/trim.pipe.spec.ts b/src/app/trim.pipe.spec.ts
new file mode 100644
index 000000000..200699000
--- /dev/null
+++ b/src/app/trim.pipe.spec.ts
@@ -0,0 +1,8 @@
+import { TrimPipe } from './trim.pipe';
+
+describe('TrimPipe', () => {
+  it('create an instance', () => {
+    const pipe = new TrimPipe();
+    expect(pipe).toBeTruthy();
+  });
+});
diff --git a/src/app/trim.pipe.ts b/src/app/trim.pipe.ts
new file mode 100644
index 000000000..d922492cf
--- /dev/null
+++ b/src/app/trim.pipe.ts
@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'trim'
+})
+export class TrimPipe implements PipeTransform {
+
+  transform(value: string, ...args: string[]): string {
+    return value.trim();
+  }
+
+}