diff --git a/src/corePlugins.js b/src/corePlugins.js
index 26bdb4da1831..f1f319411f8b 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -1179,6 +1179,7 @@ export let borderStyle = ({ addUtilities }) => {
     '.border-dashed': { 'border-style': 'dashed' },
     '.border-dotted': { 'border-style': 'dotted' },
     '.border-double': { 'border-style': 'double' },
+    '.border-hidden': { 'border-style': 'hidden' },
     '.border-none': { 'border-style': 'none' },
   })
 }
diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css
index 06f7b0306365..86f5da88ab89 100644
--- a/tests/basic-usage.test.css
+++ b/tests/basic-usage.test.css
@@ -461,6 +461,9 @@
 .border-solid {
   border-style: solid;
 }
+.border-hidden {
+  border-style: hidden;
+}
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
diff --git a/tests/basic-usage.test.html b/tests/basic-usage.test.html
index 69ce7b89342a..539fc1a51a23 100644
--- a/tests/basic-usage.test.html
+++ b/tests/basic-usage.test.html
@@ -28,7 +28,7 @@
     <div class="border-black border-t-black border-r-black border-b-black border-l-black"></div>
     <div class="border-opacity-10"></div>
     <div class="rounded-md"></div>
-    <div class="border-solid"></div>
+    <div class="border-solid border-hidden"></div>
     <div class="border"></div>
     <div class="border-2 border-t border-b-4"></div>
     <div class="shadow"></div>