From a90c4d1892fb6700a87517b6e572866e911df36f Mon Sep 17 00:00:00 2001
From: "aritro.ghosh" <aritro.ghosh@juspay.in>
Date: Wed, 23 Oct 2024 14:44:06 +0530
Subject: [PATCH] fix: remove blue border in firefox

---
 src/Index.res |  1 +
 src/index.css | 23 ++++++++---------------
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/Index.res b/src/Index.res
index 34fb585d3..52691270d 100644
--- a/src/Index.res
+++ b/src/Index.res
@@ -1,4 +1,5 @@
 %%raw(`require("tailwindcss/tailwind.css")`)
+%%raw("import './index.css'")
 
 Sentry.initiateSentry(~dsn=GlobalVars.sentryDSN)
 
diff --git a/src/index.css b/src/index.css
index 651ed53e7..a6f7ec31d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,16 +1,9 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+/* Remove focus outline in Firefox */
+@-moz-document url-prefix() {
+  *:focus,
+  *:focus-visible,
+  *:focus-within,
+  *:active {
+    outline: transparent !important;
+  }
 }