From aa3edc8e48bacfb457b69ef70e0643f5127a72ac Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Mon, 29 Nov 2021 19:31:04 +0800
Subject: [PATCH] added className prop to SettingsLayout

---
 studio/components/layouts/SettingsLayout/SettingsLayout.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/studio/components/layouts/SettingsLayout/SettingsLayout.tsx b/studio/components/layouts/SettingsLayout/SettingsLayout.tsx
index e022350f037..cb18b1b291e 100644
--- a/studio/components/layouts/SettingsLayout/SettingsLayout.tsx
+++ b/studio/components/layouts/SettingsLayout/SettingsLayout.tsx
@@ -9,10 +9,11 @@ import { useRouter } from 'next/router'
 
 interface Props {
   title?: string
+  className?: string
   children: ReactNode
 }
 
-const SettingsLayout: FC<Props> = ({ title, children }) => {
+const SettingsLayout: FC<Props> = ({ title, className = "", children }) => {
   const { ui } = useStore()
   const projectRef = ui.selectedProject?.ref ?? 'default'
 
@@ -25,7 +26,7 @@ const SettingsLayout: FC<Props> = ({ title, children }) => {
       product="Settings"
       productMenu={<ProductMenu page={page} menu={generateSettingsMenu(projectRef)} />}
     >
-      <main style={{ maxHeight: '100vh' }} className="flex-1 overflow-y-auto">
+      <main style={{ maxHeight: '100vh' }} className={"flex-1 overflow-y-auto " + className}>
         {children}
       </main>
     </BaseLayout>