diff --git a/web/pages/update-server-config.tsx b/web/pages/update-server-config.tsx
index 1b77d74ea..901fd1704 100644
--- a/web/pages/update-server-config.tsx
+++ b/web/pages/update-server-config.tsx
@@ -24,7 +24,7 @@ function SocialHandles({ config }) {
       title: "URL",
       dataIndex: "url",
       key: "url",
-      render: (url) => `<a href="${url}">${url}</a>`
+      render: (url) => <a href={url}>{url}</a>
     },
   ];
 
diff --git a/web/pages/upgrade.tsx b/web/pages/upgrade.tsx
index 181d44281..e746792c4 100644
--- a/web/pages/upgrade.tsx
+++ b/web/pages/upgrade.tsx
@@ -11,7 +11,7 @@ export default function Logs() {
     created_at: null,
     body: "",
     assets: [],
-    
+
   });
 
   const getRelease = async () => {
@@ -58,7 +58,7 @@ function AssetTable(assets) {
       dataIndex: "name",
       key: "name",
       render: (text, entry) =>
-        `<a href="${entry.browser_download_url}">${text}</a>`,
+        <a href={entry.browser_download_url}>{text}</a>,
     },
     {
       title: "Size",
@@ -69,7 +69,7 @@ function AssetTable(assets) {
     },
   ];
 
-  return <Table dataSource={data} columns={columns} rowKey="id" />;
+  return <Table dataSource={data} columns={columns} rowKey="id" size="large" />;
 }
 
 async function fetchData(url) {