From d5f129fcff7089fef3d42e896eef168241bc8e30 Mon Sep 17 00:00:00 2001
From: Lucas Fernandes da Costa <lucas@lucasfcosta.com>
Date: Thu, 7 Nov 2024 14:57:04 -0300
Subject: [PATCH] fix page settings layout

---
 apps/web/src/components/PageSettingsPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/PageSettingsPanel.tsx b/apps/web/src/components/PageSettingsPanel.tsx
index 13b7c85f..60c517c5 100644
--- a/apps/web/src/components/PageSettingsPanel.tsx
+++ b/apps/web/src/components/PageSettingsPanel.tsx
@@ -48,7 +48,7 @@ export default function PageSettingsPanel(props: Props) {
               </p>
             </div>
           </div>
-          <div className="h-full w-full px-6">
+          <div className="w-full divide-y divide-gray-200 border-b border-gray-200">
             <PageSettingToggle
               name="Auto-run pending blocks"
               description="Whether Briefer should automatically run unexecuted preceding blocks when a block is executed."
@@ -80,7 +80,7 @@ export function PageSettingToggle(props: PageSettingToggleProps) {
   return (
     <Switch.Group
       as="div"
-      className="flex flex-col items-center justify-between py-4 gap-x-16 gap-y-2"
+      className="flex flex-col items-center justify-between py-4 gap-x-16 gap-y-2 w-full px-4"
     >
       <span className="flex flex-grow items-center justify-between w-full">
         <Switch.Label