diff --git a/canon-docs/src/app/(docs)/theme/theming/page.mdx b/canon-docs/src/app/(docs)/theme/theming/page.mdx
index 14cd06cb8f..6ecc2cba58 100644
--- a/canon-docs/src/app/(docs)/theme/theming/page.mdx
+++ b/canon-docs/src/app/(docs)/theme/theming/page.mdx
@@ -280,7 +280,7 @@ low contrast to help as a separator with the different background colors.
     </Table.Row>
     <Table.Row>
       <Table.Cell>
-        <Chip head>--canon-border-focus</Chip>
+        <Chip head>--canon-border-pressed</Chip>
       </Table.Cell>
       <Table.Cell>
         Used when the component is interactive and focused.
diff --git a/packages/canon/src/components/Button/styles.css b/packages/canon/src/components/Button/styles.css
index 258db9a2a2..11a57a2571 100644
--- a/packages/canon/src/components/Button/styles.css
+++ b/packages/canon/src/components/Button/styles.css
@@ -62,7 +62,7 @@
   }
 
   &:active {
-    box-shadow: inset 0 0 0 1px var(--canon-border-focus);
+    box-shadow: inset 0 0 0 1px var(--canon-border-pressed);
   }
 
   &:disabled {
diff --git a/packages/canon/src/components/Input/Input.styles.css b/packages/canon/src/components/Input/Input.styles.css
index 72248f887e..fa196cfa20 100644
--- a/packages/canon/src/components/Input/Input.styles.css
+++ b/packages/canon/src/components/Input/Input.styles.css
@@ -35,9 +35,9 @@
 }
 
 .canon-Input:focus-visible {
-  outline-color: var(--canon-border-focus);
+  outline-color: var(--canon-border-pressed);
   outline-width: 0px;
-  border-color: var(--canon-border-focus);
+  border-color: var(--canon-border-pressed);
 }
 
 .canon-Input[data-invalid] {
diff --git a/packages/canon/src/css/core.css b/packages/canon/src/css/core.css
index f871a08ada..cc0e5ab85a 100644
--- a/packages/canon/src/css/core.css
+++ b/packages/canon/src/css/core.css
@@ -102,7 +102,7 @@
   /* Border Colors */
   --canon-border: rgba(0, 0, 0, 0.1);
   --canon-border-hover: rgba(0, 0, 0, 0.2);
-  --canon-border-focus: rgba(0, 0, 0, 0.4);
+  --canon-border-pressed: rgba(0, 0, 0, 0.4);
   --canon-border-disabled: rgba(0, 0, 0, 0.1);
   --canon-border-danger: #f87a7a;
   --canon-border-warning: #e36d05;
@@ -143,7 +143,7 @@
   /* Border Colors */
   --canon-border: rgba(255, 255, 255, 0.2);
   --canon-border-hover: rgba(255, 255, 255, 0.4);
-  --canon-border-focus: rgba(255, 255, 255, 0.5);
+  --canon-border-pressed: rgba(255, 255, 255, 0.5);
   --canon-border-disabled: rgba(255, 255, 255, 0.2);
   --canon-border-danger: #f87a7a;
   --canon-border-warning: #e36d05;
diff --git a/packages/canon/src/css/utilities/sm.css b/packages/canon/src/css/utilities/sm.css
index 2a216a950e..01603f0218 100644
--- a/packages/canon/src/css/utilities/sm.css
+++ b/packages/canon/src/css/utilities/sm.css
@@ -38,7 +38,7 @@
     }
 
     .cu-sm-border-selected {
-      border-color: var(--canon-border-focus);
+      border-color: var(--canon-border-pressed);
       border-width: 1px;
       border-style: solid;
     }
diff --git a/packages/canon/src/css/utilities/xs.css b/packages/canon/src/css/utilities/xs.css
index 1d8dae99cd..5470355fdb 100644
--- a/packages/canon/src/css/utilities/xs.css
+++ b/packages/canon/src/css/utilities/xs.css
@@ -37,7 +37,7 @@
   }
 
   .cu-border-selected {
-    border-color: var(--canon-border-focus);
+    border-color: var(--canon-border-pressed);
     border-width: 1px;
     border-style: solid;
   }