diff --git a/examples/react-widget-app/package.json b/examples/react-widget-app/package.json
index 2283d1cf..3774c264 100644
--- a/examples/react-widget-app/package.json
+++ b/examples/react-widget-app/package.json
@@ -8,7 +8,7 @@
     "build": "tsc && vite build",
     "lint": "yarn run lint:types && yarn run lint:code",
     "lint:types": "tsc -p ./tsconfig.json --noEmit",
-    "lint:code": "eslint '{src,tests}/**/*.ts'",
+    "lint:code": "eslint '{src,tests}/**/*.{ts,tsx}'",
     "preview": "vite preview"
   },
   "dependencies": {
diff --git a/examples/react-widget-app/src/App.css b/examples/react-widget-app/src/App.css
index b08e6a4f..15d127e2 100644
--- a/examples/react-widget-app/src/App.css
+++ b/examples/react-widget-app/src/App.css
@@ -93,6 +93,9 @@ body, html {
 }
 
 #open-sidebar-button {
+    background: none repeat scroll 0 0 transparent;
+    border: medium none;
+    border-spacing: 0;
     position: fixed; 
     top: 2rem; 
     left: 2rem; 
@@ -105,6 +108,9 @@ body, html {
 }
 
 #close-icon{
+    background: none repeat scroll 0 0 transparent;
+    border: medium none;
+    border-spacing: 0;
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
diff --git a/examples/react-widget-app/src/App.tsx b/examples/react-widget-app/src/App.tsx
index 7a4f3675..7b71c843 100644
--- a/examples/react-widget-app/src/App.tsx
+++ b/examples/react-widget-app/src/App.tsx
@@ -1,14 +1,15 @@
-import { SygmaProtocolReactWidget } from '@buildwithsygma/sygmaprotocol-react-widget'
-import './App.css';
-import sygmaIcon from './public/sygmaIcon.svg'
-import gitHubIcon from './public/githubIcon.png'
-import docsIcon from './public/docsIcon.png'
-import closeIcon from './public/closeIcon.png'
-import sidebarIcon from './public/sidebarIcon.png'
 import { useState } from 'react';
+import { SygmaProtocolReactWidget } from '@buildwithsygma/sygmaprotocol-react-widget';
 
-function App() {
+import closeIcon from './public/closeIcon.png';
+import docsIcon from './public/docsIcon.png';
+import gitHubIcon from './public/githubIcon.png';
+import sidebarIcon from './public/sidebarIcon.png';
+import sygmaIcon from './public/sygmaIcon.svg';
 
+import './App.css';
+
+function App() {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   const toggleSidebar = () => {
@@ -16,44 +17,61 @@ function App() {
   };
 
   const obtainTokensClick = () => {
-    window.open("https://docs.buildwithsygma.com/environments/testnet/obtain-testnet-tokens", "_blank");
+    window.open(
+      'https://docs.buildwithsygma.com/environments/testnet/obtain-testnet-tokens',
+      '_blank',
+    );
   };
 
   return (
-
     <div className="page">
       <aside className={`sidebar centered ${sidebarOpen ? 'open' : ''}`}>
         {sidebarOpen && (
-          <div id="close-icon" onClick={toggleSidebar}>
+          <button type="button" id="close-icon" onClick={toggleSidebar}>
             <img src={closeIcon} alt="Close Sidebar" className="icon" />
-          </div>
-        )} 
+          </button>
+        )}
         <div className="sidebar-title">Sygma Widget</div>
-        <div className="icon-column"> 
+        <div className="icon-column">
           <div className="icon-wrapper">
-            <a href="https://buildwithsygma.com/" target="_blank"><img src={sygmaIcon} alt="Main Page" /></a>
-            <a href="https://buildwithsygma.com/" target="_blank"><span>Website</span></a>
+            <a href="https://buildwithsygma.com/" target="_blank" rel="noreferrer">
+              <img src={sygmaIcon} alt="Main Page" />
+            </a>
+            <a href="https://buildwithsygma.com/" target="_blank" rel="noreferrer">
+              <span>Website</span>
+            </a>
           </div>
           <div className="icon-wrapper">
-            <a href="https://docs.buildwithsygma.com/" target="_blank"><img src={docsIcon} alt="Documentation"/></a>
-            <a href="https://docs.buildwithsygma.com/" target="_blank"><span>Docs</span></a>
+            <a href="https://docs.buildwithsygma.com/" target="_blank" rel="noreferrer">
+              <img src={docsIcon} alt="Documentation" />
+            </a>
+            <a href="https://docs.buildwithsygma.com/" target="_blank" rel="noreferrer">
+              <span>Docs</span>
+            </a>
           </div>
           <div className="icon-wrapper">
-            <a href="https://github.com/sygmaprotocol" target="_blank"><img src={gitHubIcon} alt="GitHub" id="github-icon"/></a>
-            <a href="https://github.com/sygmaprotocol" target="_blank"><span>GitHub</span></a>
+            <a href="https://github.com/sygmaprotocol" target="_blank" rel="noreferrer">
+              <img src={gitHubIcon} alt="GitHub" id="github-icon" />
+            </a>
+            <a href="https://github.com/sygmaprotocol" target="_blank" rel="noreferrer">
+              <span>GitHub</span>
+            </a>
           </div>
-          <button className="sidebar-button" onClick={obtainTokensClick}>Obtain Testnet Tokens</button>
+          <button type="button" className="sidebar-button" onClick={obtainTokensClick}>
+            Obtain Testnet Tokens
+          </button>
         </div>
       </aside>
-      <main className={"main centered"}>
+      <main className="main centered">
         <SygmaProtocolReactWidget />
       </main>
       {!sidebarOpen && (
-        <div id="open-sidebar-button" onClick={toggleSidebar}>
+        <button type="button" id="open-sidebar-button" onClick={toggleSidebar}>
           <img src={sidebarIcon} alt="Toggle Sidebar" className="icon" />
-        </div>
+        </button>
       )}
     </div>
-    )
-  }
-export default App
+  );
+}
+
+export default App;