made home the same width as an instance's overview page

Author: NicholasLin718

src/pages/InstanceTabs/InstanceTabs.tsx

@@ -53,7 +53,7 @@ const InstanceTabs = () => {
         (tab) =>
           tab.path === path && (
             <div
-              className="gutter-stable -mx-4 flex grow flex-row items-stretch overflow-y-auto pl-4 pr-2"
+              className="gutter-stable -mx-3 flex grow flex-row items-stretch overflow-y-auto pl-4 pr-2"
               key={`${instance.name}-${tab.title}`}
             >
               <div className="flex h-fit min-h-full w-full flex-col gap-16 pt-6 pb-10 focus:outline-none">

src/pages/home.tsx

@@ -57,7 +57,7 @@ const Home = () => {
 
   return (
     // used to possibly center the content
-    <div className="relative flex h-full w-full flex-row justify-center overflow-y-scroll px-4 pt-8 pb-10 @container">
+    <div className="relative mx-auto flex h-full w-full max-w-4xl flex-row justify-center overflow-y-scroll pt-8 pb-10 @container">
       {/* main content container */}
       <div className="flex h-fit min-h-full w-full grow flex-col items-start gap-2">
         <h1 className="font-title text-2xlarge font-bold tracking-tight text-gray-300">