diff --git a/apps/design-land/src/app/core/code-preview/component/code-preview.component.spec.ts b/apps/design-land/src/app/core/code-preview/component/code-preview.component.spec.ts
index 9ff7975d5a..705a003408 100644
--- a/apps/design-land/src/app/core/code-preview/component/code-preview.component.spec.ts
+++ b/apps/design-land/src/app/core/code-preview/component/code-preview.component.spec.ts
@@ -16,14 +16,14 @@ class WrapperComponent {
     files: [
 
       {
-        "name": "article-blockquote.component.html",
-        "content": "<daff-article>\r\n  <blockquote>\r\n    This is a blockquote. This can be used for customer testimonals, document references, etc.\r\n    <cite>Name your quote source here.</cite>\r\n  </blockquote>\r\n</daff-article>",
-        "language": "html"
+        'name': 'article-blockquote.component.html',
+        'content': '<daff-article>\r\n  <blockquote>\r\n    This is a blockquote. This can be used for customer testimonals, document references, etc.\r\n    <cite>Name your quote source here.</cite>\r\n  </blockquote>\r\n</daff-article>',
+        'language': 'html'
       },
       {
-        "name": "article-blockquote.component.ts",
-        "content": "import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'article-blockquote',\r\n  templateUrl: './article-blockquote.component.html'\r\n})\r\nexport class ArticleBlockquoteComponent {}\r\n",
-        "language": "typescript"
+        'name': 'article-blockquote.component.ts',
+        'content': 'import { Component, OnInit } from \'@angular/core\';\r\n\r\n@Component({\r\n  selector: \'article-blockquote\',\r\n  templateUrl: \'./article-blockquote.component.html\'\r\n})\r\nexport class ArticleBlockquoteComponent {}\r\n',
+        'language': 'typescript'
       }
     ]
 
diff --git a/apps/design-land/src/app/core/code-preview/component/code-preview.component.ts b/apps/design-land/src/app/core/code-preview/component/code-preview.component.ts
index a252293964..36cd91c65a 100644
--- a/apps/design-land/src/app/core/code-preview/component/code-preview.component.ts
+++ b/apps/design-land/src/app/core/code-preview/component/code-preview.component.ts
@@ -27,7 +27,7 @@ export class CodePreviewComponent {
 
   ngOnChanges() {
     if(this.example){
-      this.content.nativeElement.innerHtml = "";
+      this.content.nativeElement.innerHtml = '';
       this.content.nativeElement.appendChild(document.createElement(this.example.element));
       this.selectedFile = this.example.files[0];
     }
diff --git a/apps/design-land/src/app/core/code-preview/service/code-example.service.spec.ts b/apps/design-land/src/app/core/code-preview/service/code-example.service.spec.ts
index fcccb66059..d4be58a657 100644
--- a/apps/design-land/src/app/core/code-preview/service/code-example.service.spec.ts
+++ b/apps/design-land/src/app/core/code-preview/service/code-example.service.spec.ts
@@ -28,7 +28,7 @@ describe('CodeExampleService', () => {
       service.get('test').subscribe(resp => {
         expect(resp).toEqual(jasmine.objectContaining({
           name: undefined,
-          element: "undefined-example"
+          element: 'undefined-example'
         }));
       })
       const req = httpMock.expectOne('/assets/design-examples/test.json');
diff --git a/apps/design-land/src/app/core/code-preview/service/code-example.service.ts b/apps/design-land/src/app/core/code-preview/service/code-example.service.ts
index 4dd462b094..eb9ae742d6 100644
--- a/apps/design-land/src/app/core/code-preview/service/code-example.service.ts
+++ b/apps/design-land/src/app/core/code-preview/service/code-example.service.ts
@@ -32,7 +32,7 @@ export interface DgeniDesignExampleDoc {
   providedIn: 'root'
 })
 export class CodeExampleService {
-  private docsLocation: string = "/assets/design-examples/";
+  private docsLocation = '/assets/design-examples/';
   constructor(private httpClient: HttpClient) { }
 
   /**
diff --git a/apps/design-land/src/app/qty-dropdown/qty-dropdown.component.ts b/apps/design-land/src/app/qty-dropdown/qty-dropdown.component.ts
index 73a2713cd8..9c24cd36cd 100644
--- a/apps/design-land/src/app/qty-dropdown/qty-dropdown.component.ts
+++ b/apps/design-land/src/app/qty-dropdown/qty-dropdown.component.ts
@@ -6,7 +6,7 @@ import { Component, OnInit, Output, EventEmitter } from '@angular/core';
   styleUrls: ['./qty-dropdown.component.scss']
 })
 export class QtyDropdownComponent{
-  selectedValue: number = 1;
+  selectedValue = 1;
 
   updateValue(qty:number){
     if(qty % 1 != 0){
diff --git a/apps/design-land/src/app/sidebar/sidebar.component.ts b/apps/design-land/src/app/sidebar/sidebar.component.ts
index 0857b17947..aae90201a0 100644
--- a/apps/design-land/src/app/sidebar/sidebar.component.ts
+++ b/apps/design-land/src/app/sidebar/sidebar.component.ts
@@ -7,6 +7,6 @@ import { DaffSidebarMode } from '@daffodil/design';
   styleUrls: ['./sidebar.component.scss']
 })
 export class SidebarComponent {
-  mode: DaffSidebarMode = "push";
-  open: boolean = false;
+  mode: DaffSidebarMode = 'push';
+  open = false;
 }
diff --git a/libs/design/src/atoms/form/checkbox/checkbox.component.ts b/libs/design/src/atoms/form/checkbox/checkbox.component.ts
index 8523251e17..a5b8ce8d0d 100644
--- a/libs/design/src/atoms/form/checkbox/checkbox.component.ts
+++ b/libs/design/src/atoms/form/checkbox/checkbox.component.ts
@@ -64,7 +64,7 @@ export class DaffCheckboxComponent {
    * The aria-label of the checkbox. If not set by user then it defaults to the name of the checkbox.
    */
   //tslint:disable-next-line:no-input-rename
-  @Input('aria-label') label = name;
+  @Input('aria-label') label: string = name;
   /**
    * The aria-labeledby of the checkbox.
    */
diff --git a/libs/design/src/atoms/form/radio/radio.component.ts b/libs/design/src/atoms/form/radio/radio.component.ts
index 03b987778a..8e2a736730 100644
--- a/libs/design/src/atoms/form/radio/radio.component.ts
+++ b/libs/design/src/atoms/form/radio/radio.component.ts
@@ -23,7 +23,7 @@ export class DaffRadioComponent implements OnInit {
 	/**
 	 * @docs-private
 	 */
-	@HostBinding('attr.role') role = 'radio';
+  @HostBinding('attr.role') role = 'radio';
 	/**
 	 * @docs-private
 	 */
@@ -40,9 +40,15 @@ export class DaffRadioComponent implements OnInit {
 	/**
 	 * @docs-private
 	 */
-	_checked = false;
+  _checked = false;
   /**
-	 * The checked property of the radio
+   * Output event of selection being changed
+   */
+  @Output() selectionChange: EventEmitter<boolean> = new EventEmitter();
+
+
+  /**
+   * The checked property of the radio
    */
 	@Input()
 	get checked() {
@@ -66,22 +72,18 @@ export class DaffRadioComponent implements OnInit {
 	 * Name of the Radio
    */
 	@Input() name: string;
-	
+
   /**
 	 * Used for aria-label. Default to name if user does not input a label.
    */
-	//tslint:disable-next-line:no-input-rename
-  @Input('aria-label') label = name;
+  //tslint:disable-next-line:no-input-rename
+  @Input('aria-label') label: string = name;
   /**
-	 * Used for aria-labelledby. 
+	 * Used for aria-labelledby.
    */
-	//tslint:disable-next-line:no-input-rename
-  @Input('aria-labelledby') labelledby;
-	
-	/**
-	 * Output event of selection being changed
-	 */
-	@Output() selectionChange: EventEmitter<boolean> = new EventEmitter();
+  //tslint:disable-next-line:no-input-rename
+  @Input('aria-labelledby') labelledby: string;
+
 
   disabled = false;
   focused = false;