diff --git a/app/src/app/environments/content.tsx b/app/src/app/environments/content.tsx
index f1edada..a7a8dd4 100644
--- a/app/src/app/environments/content.tsx
+++ b/app/src/app/environments/content.tsx
@@ -15,10 +15,12 @@ export default function Content() {
   }
 
   return (
-    <>
-      <div className="flex items-end justify-between gap-2 space-y-2">
+    <div className="max-w-[1400px] w-full">
+      <div className="flex items-end justify-between gap-2 mb-10">
         <div>
-          <h2 className="text-2xl font-bold tracking-tight">Environments</h2>
+          <h2 className="text-2xl font-bold tracking-tight mb-2">
+            Environments
+          </h2>
           <p className="text-muted-foreground">
             Here&apos;s a list of available environments!
           </p>
@@ -29,6 +31,6 @@ export default function Content() {
         data={environments}
         isLoading={isLoading}
       />
-    </>
+    </div>
   );
 }
diff --git a/app/src/app/environments/page.tsx b/app/src/app/environments/page.tsx
index d3c847e..d6e873a 100644
--- a/app/src/app/environments/page.tsx
+++ b/app/src/app/environments/page.tsx
@@ -11,7 +11,7 @@ export const metadata: Metadata = {
 export default function EnvironmentsListPage() {
   return (
     <Inset pageTitle={metadata.title as string}>
-      <div className="flex h-full flex-1 flex-col space-y-8 p-8">
+      <div className="flex h-full flex-1 flex-col p-8 items-center">
         <EnvironmentProvider>
           <Content />
         </EnvironmentProvider>
diff --git a/app/src/components/AppSidebar/Inset.tsx b/app/src/components/AppSidebar/Inset.tsx
index 7c8158d..63a641c 100644
--- a/app/src/components/AppSidebar/Inset.tsx
+++ b/app/src/components/AppSidebar/Inset.tsx
@@ -30,8 +30,8 @@ export function Inset({
 
   return (
     <SidebarInset>
-      <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center justify-center gap-2 px-8 border-b backdrop-blur transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
-        <div className="flex items-center gap-2 max-w-[1400px] w-full">
+      <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b backdrop-blur transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
+        <div className="flex items-center gap-2 px-4 w-full">
           <SidebarTrigger className="-ml-1" side="left" />
           <Separator orientation="vertical" className="mr-2 h-4" />
           {pageTitle == "Editor" && configurationId ? (