diff --git a/@extension/popup/index.html b/@extension/popup/index.html
index 5a31d0a..413b9e8 100644
--- a/@extension/popup/index.html
+++ b/@extension/popup/index.html
@@ -10,7 +10,7 @@
     />
     <link rel="preload" href="/fonts/inter.ttf" as="font" type="font/ttf" crossorigin />
   </head>
-  <body style="min-width: 380px; min-height: 380px">
+  <body style="min-width: 460px; min-height: 380px">
     <div id="root"></div>
     <script type="module" src="./main.tsx"></script>
   </body>
diff --git a/@extension/popup/main.tsx b/@extension/popup/main.tsx
index 36dd490..638da3e 100644
--- a/@extension/popup/main.tsx
+++ b/@extension/popup/main.tsx
@@ -17,6 +17,6 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       </QueryProvider>
     </ThemeProvider>
 
-    <Toaster />
+    <Toaster position="top-right" richColors />
   </React.StrictMode>,
 )
diff --git a/@extension/sidepanel/main.tsx b/@extension/sidepanel/main.tsx
index dc9fa92..35ecbfc 100644
--- a/@extension/sidepanel/main.tsx
+++ b/@extension/sidepanel/main.tsx
@@ -20,6 +20,6 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       </QueryProvider>
     </ThemeProvider>
 
-    <Toaster />
+    <Toaster richColors />
   </React.StrictMode>,
 )
