#34

frontend/src/components/common/TabGroup.tsx

@@ -28,15 +28,15 @@ const TabGroup: FC<Props> = ({ children, rightAddon }) => {
 	<div className="flex items-center justify-between gap-4">
 	  <div className="flex min-w-0 gap-4">
 	    {tabs.map ((tab, i) => (
-		<a key={i}
-		   href="#"
-		   className={cn (i === current && 'font-bold')}
-		   onClick={ev => {
-		     ev.preventDefault ()
+		<button
+		   key={i}
+		   type="button"
+		   className={cn ('bg-transparent p-0 text-left', i === current && 'font-bold')}
+		   onClick={() => {
 		     setCurrent (i)
 		   }}>
 		  {tab.props.name}
-		</a>))}
+		</button>))}
 	  </div>
 	  {rightAddon && (
 	      <div className="shrink-0">