diff --git a/packages/react/components/box/header/BoxHeaderProps.ts b/packages/react/components/box/header/BoxHeaderProps.ts
index 38e7167f..e6773627 100644
--- a/packages/react/components/box/header/BoxHeaderProps.ts
+++ b/packages/react/components/box/header/BoxHeaderProps.ts
@@ -1,7 +1,7 @@
 /**
  * Box Header Interface
  */
-import {Accessibility, Centerable, Position, TrilogyColor, TrilogyColorValues, VariantState, StatusState} from '@/objects'
+import {Accessibility, Centerable, Position, VariantState, StatusState} from '@/objects'
 
 export interface BoxHeaderProps extends Position, Centerable, Accessibility {
   children?: React.ReactNode
diff --git a/packages/react/components/box/test/Box.test.tsx b/packages/react/components/box/test/Box.test.tsx
index be5dadab..63df5ee9 100644
--- a/packages/react/components/box/test/Box.test.tsx
+++ b/packages/react/components/box/test/Box.test.tsx
@@ -1,9 +1,10 @@
-import { fireEvent, render, screen } from '@testing-library/react'
+import {fireEvent, render, screen} from '@testing-library/react'
 import * as React from 'react'
 import Box from '../Box'
-import { BoxMarkup } from '../BoxProps'
-import { BoxContent, BoxFooter, BoxHeader, BoxTableContainer } from '../index'
+import {BoxMarkup} from '../BoxProps'
+import {BoxContent, BoxFooter, BoxHeader, BoxTableContainer} from '../index'
 import BoxItem from '../item'
+import {StatusState} from "../../../objects";
 
 describe('Box component', () => {
   test('renders without crashing', () => {
@@ -119,7 +120,7 @@ describe('Box component', () => {
 
   test('Should have classes header', () => {
     const { getByTestId } = render(
-      <BoxHeader testId='boxHeader' centered pulledLeft pulledRight variant='SUCCESS' help='HELP' />,
+      <BoxHeader testId='boxHeader' centered pulledLeft pulledRight variant={StatusState.SUCCESS} help='HELP' />,
     )
     const boxFooter = getByTestId('boxHeader')
     const help = screen.getByTestId('boxHeader-help')
diff --git a/packages/react/components/button/list/ButtonList.native.tsx b/packages/react/components/button/list/ButtonList.native.tsx
index 4bfd9b62..ccc28217 100644
--- a/packages/react/components/button/list/ButtonList.native.tsx
+++ b/packages/react/components/button/list/ButtonList.native.tsx
@@ -1,36 +1,16 @@
 import * as React from "react"
-import { AutoLayoutWrapper } from "@/components/autolayout"
-import { SpacerSize } from "@/components/spacer"
-import { SpacingMatrixMode } from "@/components/autolayout/SpacingMatrix"
-
-// eslint-disable-next-line no-duplicate-imports
-import type { SpacingMatrix } from "@/components/autolayout/SpacingMatrix"
+import { View } from '@/components/view'
 import type { ButtonListProps } from "./ButtonListProps"
 import { ComponentName } from "@/components/enumsComponentsName"
 
-const { THREE, TWO } = SpacerSize
-const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode
-
-const SPACING_MATRIX: SpacingMatrix = [
-  [INSERT_SPACE_BETWEEN, "Button", "Divider", TWO],
-  [INSERT_SPACE_BETWEEN, "Divider", "Button", TWO],
-  [INSERT_SPACE_BETWEEN, "Button", "Button", THREE],
-]
-
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
- * @param autolayout {boolean} Apply auto-layout rules
- */
-
-/**
- * @deprecated
  */
 const ButtonList = ({
-  autolayout = SPACING_MATRIX,
   children,
 }: ButtonListProps): JSX.Element => {
-  return <AutoLayoutWrapper {...{ autolayout, children }} />
+  return <View {...{ children }} />
 }
 
 ButtonList.displayName = ComponentName.ButtonList