diff --git a/twenty-frontend/src/js/components/Connections.tsx b/twenty-frontend/src/js/components/Connections.tsx
index 4a727da..9a9f841 100644
--- a/twenty-frontend/src/js/components/Connections.tsx
+++ b/twenty-frontend/src/js/components/Connections.tsx
@@ -3,14 +3,14 @@ import { useConnections } from "/hooks/useConnections";
 
 export function Connections() {
   const [connections] = useConnections();
-  const items = connections.map((conn, i) => {
-    return <li key={i}>{conn.name}</li>;
-  });
-
   return (
     <>
       <span>Connections</span>
-      <ul className="connections">{items}</ul>
+      <ul className="connections">
+        {connections.map((conn, i) => {
+          return <li key={i}>{conn.name}</li>;
+        })}
+      </ul>
     </>
   );
 }
diff --git a/twenty-frontend/src/js/components/Issues.tsx b/twenty-frontend/src/js/components/Issues.tsx
index 0b2d5b7..8dd392e 100644
--- a/twenty-frontend/src/js/components/Issues.tsx
+++ b/twenty-frontend/src/js/components/Issues.tsx
@@ -10,7 +10,7 @@ export function Issues() {
       </div>
       <div className="pure-u-3-5 new-issue-btn">
         <button className="pure-button pure-button-primary">
-          <a href={`/issues/new`}>New Issue</a>
+          <a href="/issues/new">New Issue</a>
         </button>
       </div>
       <ul className="pure-u-5-5">