diff --git a/docs/.vitepress/theme/_percy.scss b/docs/.vitepress/theme/_percy.scss
deleted file mode 100644
index 488607faba..0000000000
--- a/docs/.vitepress/theme/_percy.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Hide elements in percy
-// https://docs.percy.io/docs/percy-specific-css#percy-css-media-query
-@media only percy {
-  // Hide the `Last updated` timestamp on docs pages
-  .VPLastUpdated,
-  // Hide the KDateTimePicker display value since it shows the current timestamp and always changes
-  .timepicker-display,
-  // Only utilize this class in the `docs/*` directory -- do NOT utilize within the `src/*` directory files
-  .hide-from-percy {
-    visibility: hidden !important;
-  }
-}
diff --git a/docs/.vitepress/theme/index.scss b/docs/.vitepress/theme/index.scss
index 59ddf5c18f..b89f6bf68e 100644
--- a/docs/.vitepress/theme/index.scss
+++ b/docs/.vitepress/theme/index.scss
@@ -2,7 +2,6 @@
 // https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
 @use "./variables";
 @use "./overrides";
-@use "./percy";
 
 html,
 body {
diff --git a/docs/components/datetime-picker.md b/docs/components/datetime-picker.md
index b31930515f..02e6b28a48 100644
--- a/docs/components/datetime-picker.md
+++ b/docs/components/datetime-picker.md
@@ -141,7 +141,7 @@ Set the `v-model` to [Single date time picker](#single-date-time-picker-v-model)
     :range="false"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ singleDateEmpty }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ singleDateEmpty }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -168,7 +168,7 @@ Setting the `v-model` to [Single date time picker](#single-date-time-picker-v-mo
     :range="false"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ singleDateToday }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ singleDateToday }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -195,7 +195,7 @@ Set the `v-model` to [Range date time picker](#range-date-time-picker-v-model).
     :range="true"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ dateRangeWeek }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ dateRangeWeek }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -222,7 +222,7 @@ Set the `v-model` to [Range date time picker](#range-date-time-picker-v-model)
     :range="true"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ dateRangeWeek }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ dateRangeWeek }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -255,7 +255,7 @@ This instance makes use of the optional `minDate` and `maxDate` parameters.
     :time-periods="exampleTimeFrames"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ dateRangeWeek }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ dateRangeWeek }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -314,7 +314,7 @@ Passing in a `timePeriodsKey` causes the instance to default to the "Relative" t
     :time-periods="exampleTimeFrames"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ dateRangeWeekRelative }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ dateRangeWeekRelative }}</pre></div>
 </ClientOnly>
 
 ```html
@@ -370,7 +370,7 @@ This utilizes the same time frames as the previous example; however, in this cas
     :time-periods="exampleTimeFrames"
   />
   <br/>
-  <div>Emitted value: <pre class="json hide-from-percy">{{ oneHourRelativeOnly }}</pre></div>
+  <div>Emitted value: <pre class="json">{{ oneHourRelativeOnly }}</pre></div>
 </ClientOnly>
 
 ```html
diff --git a/docs/components/tree-list.md b/docs/components/tree-list.md
index 2afbde765c..6d670b79fe 100644
--- a/docs/components/tree-list.md
+++ b/docs/components/tree-list.md
@@ -23,7 +23,7 @@ The value provided to `v-model` should adhere to all the same constraints of the
   <div>
     <KButton @click="reset">Reset</KButton>
   </div>
-  <div class="value-wrapper"><b>Value:</b> <pre class="json hide-from-percy">{{ JSON.stringify(myList, null, 2) }}</pre></div>
+  <div class="value-wrapper"><b>Value:</b> <pre class="json">{{ JSON.stringify(myList, null, 2) }}</pre></div>
 </div>
 
 ```vue