diff --git a/packages/frontend/src/components/shared/Toast/index.ts b/packages/frontend/src/components/shared/Toast/index.ts
new file mode 100644
index 00000000..6404e342
--- /dev/null
+++ b/packages/frontend/src/components/shared/Toast/index.ts
@@ -0,0 +1,2 @@
+export * from './Toaster';
+export * from './useToast';
diff --git a/packages/frontend/src/index.tsx b/packages/frontend/src/index.tsx
index cc0281f1..bdfe6f6d 100644
--- a/packages/frontend/src/index.tsx
+++ b/packages/frontend/src/index.tsx
@@ -9,8 +9,7 @@ import './index.css';
 import '@fontsource/inter';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { GQLClientProvider } from './context/GQLClientContext';
-import { Toaster } from 'components/shared/Toast/Toaster';
+import { Toaster } from 'components/shared/Toast';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
diff --git a/packages/frontend/src/pages/components/renders/toast.tsx b/packages/frontend/src/pages/components/renders/toast.tsx
index 9b066e8c..fb19e33a 100644
--- a/packages/frontend/src/pages/components/renders/toast.tsx
+++ b/packages/frontend/src/pages/components/renders/toast.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from 'components/shared/Button';
-import { useToast } from 'components/shared/Toast/useToast';
+import { useToast } from 'components/shared/Toast';
 
 export const renderToastsWithCta = () => {
   const { toast, dismiss } = useToast();