diff --git a/en/components/navdrawer.md b/en/components/navdrawer.md
index 344d0fcac1..ac07bb6219 100644
--- a/en/components/navdrawer.md
+++ b/en/components/navdrawer.md
@@ -70,7 +70,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
     <div class="content-wrap">
       <igx-nav-drawer [isOpen]="true">
         <ng-template igxDrawer>
-          <nav>
             <span igxDrawerItem [isHeader]="true">Components</span>
             <span
               *ngFor="let item of navItems"
@@ -82,7 +81,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
               <igx-icon fontSet="material">{{ item.name }}</igx-icon>
               <span>{{ item.text }}</span>
             </span>
-          </nav>
         </ng-template>
       </igx-nav-drawer>
       <main>
@@ -126,13 +124,11 @@ The [`igxRipple`](ripple.md) directive completes the look and feel:
 <div class="content-wrap">
   <igx-nav-drawer id="navigation" #drawer [isOpen]="true">
     <ng-template igxDrawer>
-      <nav>
         <span igxDrawerItem [isHeader]="true">Components</span>
         <span *ngFor="let item of navItems" igxDrawerItem [active]="item.text === selected" igxRipple (click)="navigate(item)">
           <igx-icon fontSet="material">{{ item.name }}</igx-icon>
           <span>{{ item.text }}</span>
         </span>
-      </nav>
     </ng-template>
   </igx-nav-drawer>
   <main>
diff --git a/jp/components/navdrawer.md b/jp/components/navdrawer.md
index 62428fe074..0dfcf0d0ee 100644
--- a/jp/components/navdrawer.md
+++ b/jp/components/navdrawer.md
@@ -71,7 +71,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
     <div class="content-wrap">
       <igx-nav-drawer [isOpen]="true">
         <ng-template igxDrawer>
-          <nav>
             <span igxDrawerItem [isHeader]="true">Components</span>
             <span
               *ngFor="let item of navItems"
@@ -83,7 +82,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
               <igx-icon fontSet="material">{{ item.name }}</igx-icon>
               <span>{{ item.text }}</span>
             </span>
-          </nav>
         </ng-template>
       </igx-nav-drawer>
       <main>
@@ -127,13 +125,11 @@ Drawer のコンテンツを `igxDrawer` ディレクティブでデコレート
 <div class="content-wrap">
   <igx-nav-drawer id="navigation" #drawer [isOpen]="true">
     <ng-template igxDrawer>
-      <nav>
         <span igxDrawerItem [isHeader]="true">Components</span>
         <span *ngFor="let item of navItems" igxDrawerItem [active]="item.text === selected" igxRipple (click)="navigate(item)">
           <igx-icon fontSet="material">{{ item.name }}</igx-icon>
           <span>{{ item.text }}</span>
         </span>
-      </nav>
     </ng-template>
   </igx-nav-drawer>
   <main>
@@ -349,7 +345,6 @@ export class AppComponent {
 
 <!-- ... -->
 <ng-template igxDrawer>
-  <nav>
     <span igxDrawerItem [isHeader]="true">Components</span>
 
     <span
@@ -362,7 +357,6 @@ export class AppComponent {
       [active]="rla.isActive">
        {{item.name}}
     </span>
-  </nav>
 </ng-template>
 <!-- ... -->
 ```
@@ -508,4 +502,4 @@ $custom-theme: navdrawer-theme(
 ## API とスタイル リファレンス
 
 - [IgxNavigationDrawerComponent API]({environment:angularApiUrl}/classes/igxnavigationdrawercomponent.html)
-- [IgxNavigationDrawerComponent スタイル]({environment:sassApiUrl}/themes#function-navdrawer-theme)
\ No newline at end of file
+- [IgxNavigationDrawerComponent スタイル]({environment:sassApiUrl}/themes#function-navdrawer-theme)
diff --git a/kr/components/navdrawer.md b/kr/components/navdrawer.md
index 18f21792f4..7bdf373a1d 100644
--- a/kr/components/navdrawer.md
+++ b/kr/components/navdrawer.md
@@ -51,7 +51,6 @@ While any content can be provided in the template, the [`igxDrawerItem`]({enviro
 <div class="content-wrap">
   <igx-nav-drawer id="navigation" #drawer [isOpen]="true">
     <ng-template igxDrawer>
-      <nav>
         <span igxDrawerItem [isHeader]="true"> Email Account </span>
         <span igxDrawerItem igxRipple> Inbox </span>
         <span igxDrawerItem igxRipple [active]="true"> Drafts </span>
@@ -59,7 +58,6 @@ While any content can be provided in the template, the [`igxDrawerItem`]({enviro
         <span igxDrawerItem [isHeader]="true"> Folders </span>
         <span igxDrawerItem igxRipple> Deleted </span>
         <span igxDrawerItem igxRipple> Archive </span>
-      </nav>
     </ng-template>
   </igx-nav-drawer>
   <main>
@@ -237,13 +235,11 @@ One way to tie in the active state is to directly use the [`routerLinkActive`](h
 ```html
 <!-- ... -->
 <ng-template igxDrawer>
-    <nav>
-        <span *ngFor="let item of componentLinks" routerLink="{{item.link}}"
-            igxDrawerItem igxRipple 
-            routerLinkActive="igx-nav-drawer__item--active" >
-                {{item.name}}
-        </span>
-    </nav>
+    <span *ngFor="let item of componentLinks" routerLink="{{item.link}}"
+        igxDrawerItem igxRipple 
+        routerLinkActive="igx-nav-drawer__item--active" >
+            {{item.name}}
+    </span>
 </ng-template>
 <!-- ... -->
 ```
@@ -251,13 +247,11 @@ This approach, of course, does not affect the actual directive active state and
 ```html
 <!-- ... -->
 <ng-template igxDrawer>
-    <nav>
-        <span *ngFor="let item of componentLinks" routerLink="{{item.link}}"
-            routerLinkActive #rla="routerLinkActive"
-            igxDrawerItem igxRipple [active]="rla.isActive">
-                {{item.name}}
-        </span>
-    </nav>
+    <span *ngFor="let item of componentLinks" routerLink="{{item.link}}"
+        routerLinkActive #rla="routerLinkActive"
+        igxDrawerItem igxRipple [active]="rla.isActive">
+            {{item.name}}
+    </span>
 </ng-template>
 <!-- ... -->
 ```