diff --git a/README.md b/README.md
index 24c4b53..ff37177 100644
--- a/README.md
+++ b/README.md
@@ -45,7 +45,8 @@ This is just one the possible workflows that can be implemented with Argo Watche
 **Figure 2:** This is a simplified diagram of the workflow described above.
 </div>
 
-> :warning: In addition to pipeline logs, the whole process can be observed through the web UI.
+> [!TIP]
+> In addition to pipeline logs, the whole process can be observed through the web UI.
 
 ## Documentation
 
diff --git a/web/src/index.js b/web/src/index.js
index fa6e878..0c80485 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -1,22 +1,17 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
-// CSS reset for multi-browser support
+import { createRoot } from 'react-dom/client';
 import CssBaseline from '@mui/material/CssBaseline';
-// MUI library default font
 import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
-// Custom CSS
 import './index.css';
-// Application
 import App from './App';
 
-// Start the application
-ReactDOM.render(
+const root = document.getElementById('root');
+createRoot(root).render(
   <React.StrictMode>
     <CssBaseline />
     <App />
-  </React.StrictMode>,
-  document.getElementById('root'),
+  </React.StrictMode>
 );