diff --git a/.changeset/tonic-ui-933.md b/.changeset/tonic-ui-933.md
new file mode 100644
index 0000000000..05f13fbfe5
--- /dev/null
+++ b/.changeset/tonic-ui-933.md
@@ -0,0 +1,5 @@
+---
+"@tonic-ui/react": minor
+---
+
+feat(react/toast): enhance inline toast transition management
diff --git a/packages/react-docs/pages/_app.page.js b/packages/react-docs/pages/_app.page.js
index f82d399f56..20a615e877 100644
--- a/packages/react-docs/pages/_app.page.js
+++ b/packages/react-docs/pages/_app.page.js
@@ -33,22 +33,6 @@ const NONCE = ensureString(process.env.NONCE);
 // Algolia search client
 const searchClient = algoliasearch(process.env.ALGOLIA_APPLICATION_ID, process.env.ALGOLIA_SEARCH_API_KEY);
 
-theme.components = {
-  // Set default props for components here.
-  //
-  // Example:
-  // ```
-  // 'AccordionToggle': {
-  //   defaultProps: {
-  //     disabled: true,
-  //   },
-  // }
-  // ```
-};
-
-// Enable CSS variables replacement
-theme.config.useCSSVariables = true;
-
 const EmotionCacheProvider = ({
   children,
   nonce,
diff --git a/packages/react/src/toast/ToastManager.js b/packages/react/src/toast/ToastManager.js
index cc4f82042a..cf84222556 100644
--- a/packages/react/src/toast/ToastManager.js
+++ b/packages/react/src/toast/ToastManager.js
@@ -41,8 +41,6 @@ const getToastPlacementByState = (state, id) => {
 
 const ToastManager = (inProps) => {
   const {
-    ToastContainerComponent = ToastContainer,
-    ToastContainerProps,
     TransitionComponent = ToastTransition,
     TransitionProps,
     children,
@@ -224,10 +222,9 @@ const ToastManager = (inProps) => {
           {Object.keys(state).map((placement) => {
             const toasts = ensureArray(state[placement]).filter(toast => !isNullish(toast));
             return (
-              <ToastContainerComponent
+              <ToastContainer
                 key={placement}
                 placement={placement}
-                {...ToastContainerProps}
               >
                 <ToastTransitionGroup>
                   {toasts.map((toast) => {
@@ -254,7 +251,7 @@ const ToastManager = (inProps) => {
                     );
                   })}
                 </ToastTransitionGroup>
-              </ToastContainerComponent>
+              </ToastContainer>
             );
           })}
         </Portal>