From 53e85f45685fb218c94df2d36cf1cf43d936c58c Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Wed, 25 Oct 2023 23:08:05 +0530
Subject: [PATCH] chore: added styles to "ipcRenderer not found" error
 notification

---
 packages/bruno-app/src/pages/_app.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/pages/_app.js b/packages/bruno-app/src/pages/_app.js
index 0437555c..64565bc8 100644
--- a/packages/bruno-app/src/pages/_app.js
+++ b/packages/bruno-app/src/pages/_app.js
@@ -43,9 +43,13 @@ function MyApp({ Component, pageProps }) {
 
   if (!window.ipcRenderer) {
     return (
-      <div style={{ color: 'red' }}>
-        Error: "ipcRenderer" not found in window object. You most likely opened Bruno inside your web browser. Bruno
-        only works within Electron, you can start Electron using "npm run dev:electron".
+      <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 mx-10 my-10 rounded relative" role="alert">
+        <strong class="font-bold">ERROR:</strong>
+        <span className="block inline ml-1">"ipcRenderer" not found in window object.</span>
+        <div>
+          You most likely opened Bruno inside your web browser. Bruno only works within Electron, you can start Electron
+          in an adjacent terminal using "npm run dev:electron".
+        </div>
       </div>
     );
   }