diff --git a/packages/tailwindcss-language-server/tests/completions/completions.test.js b/packages/tailwindcss-language-server/tests/completions/completions.test.js
index 079cfe29..f4d88622 100644
--- a/packages/tailwindcss-language-server/tests/completions/completions.test.js
+++ b/packages/tailwindcss-language-server/tests/completions/completions.test.js
@@ -981,3 +981,36 @@ defineTest({
     expect(completionD?.items.length).not.toBe(0)
   },
 })
+
+defineTest({
+  name: 'Completions for outline and border utilities have simplified details',
+  fs: {
+    'app.css': css`
+      @import 'tailwindcss';
+    `,
+  },
+  prepare: async ({ root }) => ({ client: await createClient({ root }) }),
+  handle: async ({ client }) => {
+    let document = await client.open({
+      lang: 'html',
+      text: html`<div class="border-0 outline-0"></div>`,
+    })
+
+    // <div class="border-0 outline-0"></div>
+    //                    ^
+    let completionA = await document.completions({ line: 0, character: 20 })
+
+    // <div class="border-0 outline-0"></div>
+    //                              ^
+    let completionB = await document.completions({ line: 0, character: 30 })
+
+    let border = completionA?.items.find((item) => item.label === 'border-0')
+    let outline = completionB?.items.find((item) => item.label === 'outline-0')
+
+    let borderResolved = await client.conn.sendRequest('completionItem/resolve', border)
+    let outlineResolved = await client.conn.sendRequest('completionItem/resolve', outline)
+
+    expect(borderResolved).toMatchObject({ detail: 'border-width: 0px;' })
+    expect(outlineResolved).toMatchObject({ detail: 'outline-width: 0px;' })
+  },
+})
diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 8f81fdc5..98f5d612 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -2307,6 +2307,9 @@ export async function resolveCompletionItem(
         })
 
         base.walkDecls((node) => {
+          if (node.value === 'var(--tw-border-style)') return
+          if (node.value === 'var(--tw-outline-style)') return
+
           decls.push(node)
         })
 
diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md
index ffb16264..2353dd86 100644
--- a/packages/vscode-tailwindcss/CHANGELOG.md
+++ b/packages/vscode-tailwindcss/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## Prerelease
 
-- Nothing yet!
+- Simplify completion details for border and outline utilities ([#1384](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1384))
 
 # 0.14.19