diff --git a/src/components/AspectCanvas.jsx b/src/components/AspectCanvas.jsx
index c696273..56c1166 100644
--- a/src/components/AspectCanvas.jsx
+++ b/src/components/AspectCanvas.jsx
@@ -134,7 +134,7 @@ export function AspectCanvas() {
     }
 
     return (
-        <Card className="w-full max-w-3xl mx-auto p-2 my-4 overflow-y-scroll scrollbar-hide">
+        <Card className="w-full max-w-3xl p-2 my-4 overflow-y-scroll scrollbar-thin scrollbar-thumb-secondary scrollbar-track-background rounded-none">
             <CardContent className="p-0 space-y-4">
                 <div className='flex w-full flex-wrap items-center justify-between mx-auto gap-2'>
 
diff --git a/src/components/ObjectPanel.jsx b/src/components/ObjectPanel.jsx
index 19f0e39..92114fe 100644
--- a/src/components/ObjectPanel.jsx
+++ b/src/components/ObjectPanel.jsx
@@ -25,7 +25,7 @@ const ObjectPanel = () => {
         minWidth: 250,
         maxWidth: 300,
         minHeight: 0,
-        maxHeight: 400,
+        maxHeight: 500,
         bound: "parent"
     }
 
@@ -48,7 +48,7 @@ const ObjectPanel = () => {
                     </CollapsibleTrigger>
 
                     <CollapsibleContent>
-                        <ScrollArea className="h-[400px] xl:h-fit lg:h-fit md:h-fit">
+                        <ScrollArea className="h-[500px] xl:h-fit lg:h-fit md:h-fit">
                             <Tabs className="w-full h-fit"
                                 value={tabValue}
                                 onValueChange={(value) => setTabValue(value)} // Sync tab state with context