diff --git a/src/ui-kit/wrappers/label-wrapper/label-wrapper.component.ts b/src/ui-kit/wrappers/label-wrapper/label-wrapper.component.ts
index c1f01541e..1086a1ba2 100644
--- a/src/ui-kit/wrappers/label-wrapper/label-wrapper.component.ts
+++ b/src/ui-kit/wrappers/label-wrapper/label-wrapper.component.ts
@@ -27,6 +27,14 @@ export class LabelWrapper implements AfterViewChecked {
    * sets the hint text
    */
   @Input() public hint: string;
+  /**
+   * sets the less hint text
+   */
+  @Input() public lessHint: string;
+  /**
+   * sets the more hint text
+   */
+  @Input() public moreHint: string;
   /**
    * deprecated, toggles the required text
    */
@@ -48,6 +56,10 @@ export class LabelWrapper implements AfterViewChecked {
     this._errorMessage = message;
     this.setDescribedByEl();
   };
+  /**
+   * Allows toggle to always to be on
+   */
+  @Input() public toggleAlwaysOn: boolean = false;
 
   public get errorMessage (): string {
     return this._errorMessage;
@@ -67,14 +79,14 @@ export class LabelWrapper implements AfterViewChecked {
   private checkMore = false; // semaphore
 
   constructor(
-    private cdr: ChangeDetectorRef,
-    private _rend: Renderer2) { }
+      private cdr: ChangeDetectorRef,
+      private _rend: Renderer2) { }
 
   public ngOnChanges(c) {
     if (!this.checkMore
         && c.hint
         && c.hint.previousValue !== c.hint.currentValue) {
-      // needs to be open to recalc correctly in 
+      // needs to be open to recalc correctly in
       // ngAfterViewChecked
       this.showToggle = false;
       this.toggleOpen = false;
@@ -92,8 +104,8 @@ export class LabelWrapper implements AfterViewChecked {
     let lookup;
     try{
       lookup =
-      this.labelDiv.nativeElement
-        .querySelector(selector);
+          this.labelDiv.nativeElement
+              .querySelector(selector);
     } catch(exception){
       console.error(selector + ' not found in label wrapper setup');
     }
@@ -115,12 +127,12 @@ export class LabelWrapper implements AfterViewChecked {
   public calcToggle() {
     if (this.hintContainer) {
       const numOfLines =
-        this.calculateNumberOfLines(
-          this.hintContainer.nativeElement
-        );
+          this.calculateNumberOfLines(
+              this.hintContainer.nativeElement
+          );
       this.showToggle = numOfLines > this.lineLimit
-        ? true
-        : false;
+          ? true
+          : false;
     }
   }
 
@@ -128,14 +140,14 @@ export class LabelWrapper implements AfterViewChecked {
     if (this.input) {
       if (elRefId) {
         this._rend.setAttribute(
-          this.input,
-          'aria-describedby',
-          elRefId
+            this.input,
+            'aria-describedby',
+            elRefId
         );
       } else {
         this._rend.removeAttribute(
-          this.input,
-          'aria-describedby'
+            this.input,
+            'aria-describedby'
         );
       }
 
@@ -144,7 +156,7 @@ export class LabelWrapper implements AfterViewChecked {
 
   @HostListener('window:resize', ['$event'])
   public onResize(event) {
-    // needs to be open to recalc correctly in 
+    // needs to be open to recalc correctly in
     // ngAfterViewChecked
     this.showToggle = false;
     this.toggleOpen = false;
@@ -162,7 +174,7 @@ export class LabelWrapper implements AfterViewChecked {
       other.innerHTML = 'a<br>b';
       other.style.visibility = 'hidden';
       const el = <HTMLElement>document
-        .getElementsByTagName('body')[0];
+          .getElementsByTagName('body')[0];
       el.appendChild(other);
       this.lineSize = other.offsetHeight / 2;
       el.removeChild(other);
@@ -187,7 +199,7 @@ export class LabelWrapper implements AfterViewChecked {
 
         if (errorObject.message) {
           if (Object.prototype.toString.call(errorObject.message)
-            === '[object String]') {
+              === '[object String]') {
             this.errorMessage = errorObject.message;
             return;
           }
@@ -211,16 +223,16 @@ export class LabelWrapper implements AfterViewChecked {
 
   public setOverflow (): string {
     return this.showToggle
-      && !this.showFullHint
-      && !this.toggleOpen
+    && !this.showFullHint
+    && !this.toggleOpen
         ? 'hidden'
         : '';
   }
 
   public setHeight (): string {
     return this.showToggle
-      && !this.showFullHint
-      && !this.toggleOpen
+    && !this.showFullHint
+    && !this.toggleOpen
         ? '2.88em'
         : '';
   }
@@ -231,8 +243,8 @@ export class LabelWrapper implements AfterViewChecked {
         const actualLength = errorObject.actualLength;
         const requiredLength = errorObject.requiredLength;
         this.errorMessage = actualLength
-          + ' characters input but max length is '
-          + requiredLength;
+            + ' characters input but max length is '
+            + requiredLength;
         return;
       case 'required':
         this.errorMessage = 'This field is required';
diff --git a/src/ui-kit/wrappers/label-wrapper/label-wrapper.template.html b/src/ui-kit/wrappers/label-wrapper/label-wrapper.template.html
index 2933b3497..c91e3d421 100644
--- a/src/ui-kit/wrappers/label-wrapper/label-wrapper.template.html
+++ b/src/ui-kit/wrappers/label-wrapper/label-wrapper.template.html
@@ -1,40 +1,65 @@
 <div #labelDiv [class.usa-input-error]="!!errorMessage">
-  
-  <label *ngIf="!!label" 
-    [attr.for]="name" 
-    [class.usa-input-error-label]="errorMessage">
-      {{ label || '' }}
-      <span *ngIf="required || requiredFlag"
-        class="usa-additional_text">
+
+    <label *ngIf="!!label"
+           [attr.for]="name"
+           [class.usa-input-error-label]="errorMessage">
+        {{ label || '' }}
+        <span *ngIf="required || requiredFlag"
+              class="usa-additional_text">
         Required
       </span>
-      <ng-content select="[label-right]"></ng-content>
-  </label>
-  
-  <div *ngIf="hint" class="toggle-more">
-    <div #hintContainer
-      class="usa-form-hint"
-      [attr.id]="hintElId"
-      [innerHTML]="hint"
-      [style.overflow]="setOverflow()"
-      [style.height]="setHeight()">
+        <ng-content select="[label-right]"></ng-content>
+    </label>
+
+    <div *ngIf="hint" class="toggle-more">
+        <div #hintContainer
+             class="usa-form-hint"
+             [attr.id]="hintElId"
+             [innerHTML]="hint"
+             [style.overflow]="setOverflow()"
+             [style.height]="setHeight()">
+        </div>
+
+        <div *ngIf="showToggle && !showFullHint && (lessHint || moreHint)">
+            <a  href="javascript:void(0)" [attr.aria-label]="toggleOpen ? 'Less info for ' + label + ' link': 'More info for ' + label + 'link'"
+                (click)="toggleHint(toggleOpen)">
+                {{ toggleOpen ? "less": "more" }}
+            </a>
+        </div>
     </div>
-  
-    <div *ngIf="showToggle && !showFullHint">
-      <a href="javascript:void(0)" [attr.aria-label]="toggleOpen ? 'Less info for ' + label : 'More info for ' + label "
-        (click)="toggleHint(toggleOpen)">
-        {{ toggleOpen ? "less": "more" }}
-      </a>
+
+    <div *ngIf="lessHint" class="toggle-more">
+        <div #hintContainer
+             class="usa-form-hint"
+             [attr.id]="'less' + hintElId"
+             [innerHTML]="lessHint"
+             [style.overflow]="setOverflow()"
+             [style.height]="setHeight()">
+        </div>
+        <div *ngIf="toggleOpen">
+            <div #hintContainer
+                 class="usa-form-hint"
+                 [attr.id]="'more' + hintElId"
+                 [innerHTML]="moreHint"
+                 [style.overflow]="setOverflow()"
+                 [style.height]="setHeight()">
+            </div>
+        </div>
+        <div *ngIf="(showToggle || toggleAlwaysOn) && !showFullHint">
+            <a  href="javascript:void(0)" [attr.aria-label]="toggleOpen ? 'Less info for ' + label + ' link': 'More info for ' + label + 'link'"
+                (click)="toggleHint(toggleOpen)">
+                {{ toggleOpen ? "less": "more" }}
+            </a>
+        </div>
     </div>
-  </div>
 
-  
-  <span *ngIf="!!errorMessage"
-    class="usa-input-error-message"
-    [attr.id]="errorElId">
+
+    <span *ngIf="!!errorMessage"
+          class="usa-input-error-message"
+          [attr.id]="errorElId">
     {{errorMessage}}
   </span>
-  
-  <ng-content></ng-content>
-  
+
+    <ng-content></ng-content>
+
 </div>