diff --git a/src/elements/Button/index.tsx b/src/elements/Button/index.tsx
index dd902942e..812610b7d 100644
--- a/src/elements/Button/index.tsx
+++ b/src/elements/Button/index.tsx
@@ -2,7 +2,7 @@ import classnames from 'classnames'
 import { useCallback, useMemo, type MouseEvent, type ButtonHTMLAttributes, type FunctionComponent } from 'react'
 import styled from 'styled-components'
 
-import { getPrimaryButtonCss, getSecondaryButtonCss } from './utils'
+import { getPrimaryButtonCss, getSecondaryButtonCss } from './styles'
 import { Accent, Size } from '../../constants'
 import { type IconProps } from '../../types/definitions'
 import { stopMouseEventPropagation } from '../../utils/stopMouseEventPropagation'
diff --git a/src/elements/Button/utils.ts b/src/elements/Button/styles.ts
similarity index 100%
rename from src/elements/Button/utils.ts
rename to src/elements/Button/styles.ts
diff --git a/src/elements/IconButton.tsx b/src/elements/IconButton.tsx
index 9b2a5c43b..480d76178 100644
--- a/src/elements/IconButton.tsx
+++ b/src/elements/IconButton.tsx
@@ -2,7 +2,7 @@ import classnames from 'classnames'
 import { useMemo, type MouseEvent, type ButtonHTMLAttributes, type FunctionComponent, useCallback } from 'react'
 import styled from 'styled-components'
 
-import { getPrimaryButtonCss, getSecondaryButtonCss } from './Button/utils'
+import { getPrimaryButtonCss, getSecondaryButtonCss } from './Button/styles'
 import { Accent, Size } from '../constants'
 import { type IconProps } from '../types/definitions'
 import { stopMouseEventPropagation } from '../utils/stopMouseEventPropagation'