diff --git a/src/App.tsx b/src/App.tsx
index 75c23b356dc176087fb1e1406470926606725bd8..292c788dcbd7aab69db78f6445a45926af6b453a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,10 +16,7 @@ function App() {
           <Router />
         </Layout>
       </UserContext.Provider>
-      <ToastContainer
-        progressClassName="toastProgress"
-        bodyClassName="toastBody"
-      />
+      <ToastContainer theme="colored" />
     </BrowserRouter>
   )
 }
diff --git a/src/styles/_toast.scss b/src/styles/_toast.scss
deleted file mode 100644
index 9654eb81c1c93cc26ff6a5ffcab83c7a0f1e0d00..0000000000000000000000000000000000000000
--- a/src/styles/_toast.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@import 'config/colors';
-
-.Toastify__toast {
-  background: #fafafa !important;
-}
-.Toastify__toast--success {
-  .toastBody {
-    color: #73a839;
-  }
-  .toastProgress {
-    background: #73a839 !important;
-  }
-}
-
-.Toastify__toast--error {
-  .toastBody {
-    color: #c71c22;
-  }
-  .toastProgress {
-    background: #c71c22 !important;
-  }
-}
-.toastBody {
-  font-size: 1rem !important;
-}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 722b9ca974212378cf9ae5ed2bf7eb3bdb79f0ad..d847b57488a78145c8da1b58cba349fbd5cbdf15 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -2,7 +2,6 @@
 @import 'config/colors';
 @import 'config/typography';
 @import 'config/layout';
-@import 'toast';
 
 * {
   margin: 0;