diff --git a/packages/vue-components/src/Navbar.vue b/packages/vue-components/src/Navbar.vue
index 4fca70eea1..37e47ce68a 100644
--- a/packages/vue-components/src/Navbar.vue
+++ b/packages/vue-components/src/Navbar.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <nav ref="navbar" :class="['navbar', 'navbar-expand-md', themeOptions, addClass, fixedOptions]">
+    <nav
+      ref="navbar"
+      :class="['navbar', 'navbar-expand-md', 'd-print-none', themeOptions, addClass, fixedOptions]"
+    >
       <div class="container-fluid">
         <div class="navbar-left">
           <slot name="brand"></slot>
diff --git a/packages/vue-components/src/__tests__/__snapshots__/Navbar.spec.js.snap b/packages/vue-components/src/__tests__/__snapshots__/Navbar.spec.js.snap
index d2a4f43651..0d89e3f137 100644
--- a/packages/vue-components/src/__tests__/__snapshots__/Navbar.spec.js.snap
+++ b/packages/vue-components/src/__tests__/__snapshots__/Navbar.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`Navbar and secondary navbar navbar with page nav button 1`] = `
 <div>
   <nav
-    class="navbar navbar-expand-md navbar-dark bg-primary"
+    class="navbar navbar-expand-md d-print-none navbar-dark bg-primary"
   >
     <div
       class="container-fluid"
@@ -68,7 +68,7 @@ exports[`Navbar and secondary navbar navbar with page nav button 1`] = `
 exports[`Navbar and secondary navbar navbar with site and page nav buttons 1`] = `
 <div>
   <nav
-    class="navbar navbar-expand-md navbar-dark bg-primary"
+    class="navbar navbar-expand-md d-print-none navbar-dark bg-primary"
   >
     <div
       class="container-fluid"
@@ -135,7 +135,7 @@ exports[`Navbar and secondary navbar navbar with site and page nav buttons 1`] =
 exports[`Navbar and secondary navbar navbar with site nav button 1`] = `
 <div>
   <nav
-    class="navbar navbar-expand-md navbar-dark bg-primary"
+    class="navbar navbar-expand-md d-print-none navbar-dark bg-primary"
   >
     <div
       class="container-fluid"
@@ -200,7 +200,7 @@ exports[`Navbar and secondary navbar navbar with site nav button 1`] = `
 exports[`Navbar and secondary navbar navbar without site and page nav buttons 1`] = `
 <div>
   <nav
-    class="navbar navbar-expand-md navbar-dark bg-primary"
+    class="navbar navbar-expand-md d-print-none navbar-dark bg-primary"
   >
     <div
       class="container-fluid"