diff --git a/web/src/routes/System.jsx b/web/src/routes/System.jsx
index b9211ac8c..27f9e9732 100644
--- a/web/src/routes/System.jsx
+++ b/web/src/routes/System.jsx
@@ -82,12 +82,17 @@ export default function System() {
     const response = axios.get('vainfo');
 
     if (response.status === 200) {
-      setState({ ...state, showVainfo: true, vainfo: JSON.stringify(resonse.data, null, 2) });
+      setState({ ...state, showVainfo: true, vainfo: JSON.stringify(response.data, null, 2) });
     } else {
       setState({ ...state, showVainfo: true, vainfo: 'There was an error getting the vainfo output.' });
     }
   };
 
+  const onCopyVainfo = async () => {
+    await window.navigator.clipboard.writeText(JSON.stringify(state.vaifp, null, 2));
+    setState({ ...state, vainfo: '', showVainfo: false });
+  };
+
   return (
     <div className="space-y-4 p-2 px-4">
       <Heading>
@@ -179,8 +184,8 @@ export default function System() {
           ) : (
             <div data-testid="gpus" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
               {gpuNames.map((gpu) => (
-                <div key={detector} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
-                  <div className="text-lg flex justify-between p-4">{detector}</div>
+                <div key={gpu} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
+                  <div className="text-lg flex justify-between p-4">{gpu}</div>
                   <div className="p-2">
                     <Table className="w-full">
                       <Thead>