diff --git a/libs/shared/lib/components/dropdowns/index.tsx b/libs/shared/lib/components/dropdowns/index.tsx
index 2d840e6d3e2b1ae60e6ad5df2fdd23e3b2925412..c25beb62cbdaf0ff1ad67b5e38e89aff9ac03afa 100644
--- a/libs/shared/lib/components/dropdowns/index.tsx
+++ b/libs/shared/lib/components/dropdowns/index.tsx
@@ -11,7 +11,7 @@ type DropdownContainerProps = {
 export const DropdownContainer = React.forwardRef<HTMLDivElement, DropdownContainerProps>(
   ({ children, className }, ref: React.ForwardedRef<HTMLDivElement>) => {
     return (
-      <div className={`border-1 border-secondary-800  relative inline-block text-left ${className && className}`} ref={ref}>
+      <div className={`relative inline-block text-left ${className && className}`} ref={ref}>
         {children}
       </div>
     );
@@ -32,7 +32,7 @@ export function DropdownButton({ title, onClick, size, disabled }: DropdownButto
   return (
     <>
       <button
-        className={`inline-flex w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm ring-1 ring-inset ring-secondary-300 hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
+        className={`inline-flex border w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
         onClick={onClick}
         disabled={disabled}
       >
diff --git a/libs/shared/lib/schema/panel/schema.tsx b/libs/shared/lib/schema/panel/schema.tsx
index 7c8a7ae8d2953c76cbb7864465b4bea4f8439455..954a301b0a8fb01985be9e50fdd1f97b7943d943 100644
--- a/libs/shared/lib/schema/panel/schema.tsx
+++ b/libs/shared/lib/schema/panel/schema.tsx
@@ -51,7 +51,7 @@ export const Schema = (props: Props) => {
   const [edges, setEdges, onEdgesChange] = useEdgesState([] as Edge[]);
   const [firstUserConnection, setFirstUserConnection] = useState<boolean>(true);
   const [auth, setAuth] = useState(props.auth);
-  const [expanded, setExpanded] = useState<boolean>(true);
+  const [expanded, setExpanded] = useState<boolean>(false);
 
   const reactFlowInstanceRef = useRef<ReactFlowInstance | null>(null);
 
@@ -147,7 +147,7 @@ export const Schema = (props: Props) => {
           <span className="text-xs font-semibold text-secondary-800 ml-2">Schema settings</span>
         </div>
         {expanded && (
-          <div className="h-full w-full overflow-y-hidden">
+          <div className="h-full w-full overflow-y-auto">
             <SchemaDialog open={toggleSchemaSettings} onClose={() => setToggleSchemaSettings(false)} />
           </div>
         )}