diff --git a/.changeset/chilled-snails-cry.md b/.changeset/chilled-snails-cry.md
new file mode 100644
index 0000000000..a256aac9f1
--- /dev/null
+++ b/.changeset/chilled-snails-cry.md
@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-icon-button": patch
+---
+
+[Changed] - `--btn-icon-display` and `--btn-icon-size` to `--icon-display-override` and `--icon-size-override` variables
diff --git a/packages/components/pie-icon-button/src/iconButton.scss b/packages/components/pie-icon-button/src/iconButton.scss
index 47c4d0c7ee..331cacb061 100644
--- a/packages/components/pie-icon-button/src/iconButton.scss
+++ b/packages/components/pie-icon-button/src/iconButton.scss
@@ -14,7 +14,7 @@
     --btn-border-radius: var(--dt-radius-rounded-e);
     --btn-bg-color: var(--dt-color-interactive-brand);
     --btn-icon-fill: var(--dt-color-content-interactive-primary);
-    --btn-icon-display: block;
+    --icon-display-override: block;
 
     block-size: var(--btn-dimension, var(--btn-dimension-default));
     inline-size: var(--btn-dimension, var(--btn-dimension-default));
@@ -37,8 +37,8 @@
     }
 
     svg {
-        height: var(--btn-icon-size, var(--btn-icon-size-default));
-        width: var(--btn-icon-size, var(--btn-icon-size-default));
+        height: var(--icon-size-override, var(--btn-icon-size-default));
+        width: var(--icon-size-override, var(--btn-icon-size-default));
     }
 
     &[variant='primary'] {
@@ -109,7 +109,7 @@
 
     &[size='xsmall'] {
         --btn-dimension: 32px;
-        --btn-icon-size: 20px;
+        --icon-size-override: 20px;
     }
 
     &[size='small'] {
@@ -122,7 +122,7 @@
 
     &[size='large'] {
         --btn-dimension: 56px;
-        --btn-icon-size: 28px;
+        --icon-size-override: 28px;
     }
 }