diff --git a/src/button-group.css.ts b/src/button-group.css.ts
index 145ccf00b..12ffb9093 100644
--- a/src/button-group.css.ts
+++ b/src/button-group.css.ts
@@ -1,11 +1,8 @@
-import {createVar, style} from '@vanilla-extract/css';
+import {style} from '@vanilla-extract/css';
 import {sprinkles} from './sprinkles.css';
 import * as mq from './media-queries.css';
 
 const buttonLayoutSpacing = '16px';
-const buttonLinkPadding = createVar();
-
-export const vars = {buttonLinkPadding};
 
 export const inline = style([
     sprinkles({display: 'inline-flex', alignItems: 'center', flexDirection: 'row'}),
diff --git a/src/button.tsx b/src/button.tsx
index 036c79e41..a33827bb4 100644
--- a/src/button.tsx
+++ b/src/button.tsx
@@ -513,7 +513,7 @@ export const ButtonLink = React.forwardRef<
 >(({dataAttributes, ...props}, ref) => {
     return (
         <BaseButton
-            dataAttributes={{'component-name': 'ButtonLink', 'small-link': !!props.small, ...dataAttributes}}
+            dataAttributes={{'component-name': 'ButtonLink', ...dataAttributes}}
             {...props}
             ref={ref}
             buttonType="link"
@@ -525,11 +525,7 @@ export const ButtonLinkDanger = React.forwardRef<TouchableElement, ButtonLinkPro
     ({dataAttributes, ...props}, ref) => {
         return (
             <BaseButton
-                dataAttributes={{
-                    'component-name': 'ButtonLinkDanger',
-                    'small-link': !!props.small,
-                    ...dataAttributes,
-                }}
+                dataAttributes={{'component-name': 'ButtonLinkDanger', ...dataAttributes}}
                 {...props}
                 withChevron={false}
                 ref={ref}