diff --git a/src/components/Layout/Sidebar.js b/src/components/Layout/Sidebar.js
index 74e7a352..de9dd1fa 100644
--- a/src/components/Layout/Sidebar.js
+++ b/src/components/Layout/Sidebar.js
@@ -121,7 +121,7 @@ const Sidebar = ({ setSidebarOpen, sidebarOpen, labels }) => {
                 </Disclosure>
               </Dialog.Panel>
             </Transition.Child>
-            <div className="flex-shrink-0 w-14" aria-hidden="true"></div>
+            <div className="flex-shrink-0 w-14" aria-hidden="true" />
           </div>
         </Dialog>
       </Transition.Root>
diff --git a/src/components/SideDialog/index.js b/src/components/SideDialog/index.js
index d6c63e31..ac9606cb 100644
--- a/src/components/SideDialog/index.js
+++ b/src/components/SideDialog/index.js
@@ -70,7 +70,7 @@ export default function SideDialog({ open, setOpen, data }) {
                             </div>
                           ))}
                         </div>
-                        <div className="border-t mt-3 border-gray-300"></div>
+                        <div className="border-t mt-3 border-gray-300" />
                         <div className="border-y border-gray-300 grid md:grid-cols-2">
                           {data.p_metadata?.split("^").map((field) => (
                             <div className="ml-2 py-3 border-gray-300">
diff --git a/src/page/ForgotPassword/index.js b/src/page/ForgotPassword/index.js
index dea0ea77..4d642f98 100644
--- a/src/page/ForgotPassword/index.js
+++ b/src/page/ForgotPassword/index.js
@@ -22,7 +22,7 @@ const ForgotPassword = () => {
               <div className="w-9 h-9 bg-bluePrimary rounded-full flex justify-center items-center text-white font-bold text-lg">
                 1
               </div>
-              <div className="w-px h-12 bg-gray-300"></div>
+              <div className="w-px h-12 bg-gray-300" />
             </div>
             <div>
               <div className="mt-2 text-bluePrimary font-bold text-sm">
@@ -31,7 +31,7 @@ const ForgotPassword = () => {
               <div className="mt-2 text-gray-700 text-xs">
                 Small description of the step above to be added
               </div>
-              <div className="mt-2 w-full h-px bg-gray-300"></div>
+              <div className="mt-2 w-full h-px bg-gray-300" />
             </div>
           </div>
           <div className="flex space-x-3">
@@ -39,7 +39,7 @@ const ForgotPassword = () => {
               <div className="w-9 h-9 bg-bluePrimary rounded-full flex justify-center items-center text-white font-bold text-lg">
                 2
               </div>
-              <div className="w-px h-12 bg-gray-300"></div>
+              <div className="w-px h-12 bg-gray-300" />
             </div>
             <div>
               <div className="mt-2 text-bluePrimary font-bold text-sm">
@@ -48,7 +48,7 @@ const ForgotPassword = () => {
               <div className="mt-2 text-gray-700 text-xs">
                 Small description of the step above to be added
               </div>
-              <div className="mt-2 w-full h-px bg-gray-300"></div>
+              <div className="mt-2 w-full h-px bg-gray-300" />
             </div>
           </div>
           <div className="flex space-x-3">