Fixes style panel changes

components/style-panel/quick-dash-select.tsx

@@ -31,12 +31,10 @@ function QuickdashSelect(): JSX.Element {
       <DropdownMenuIconTriggerButton label="Dash">
         {dashes[dash]}
       </DropdownMenuIconTriggerButton>
-      <DropdownMenu.Content
-        as={StyleDropdownContent}
-        sideOffset={8}
-        direction="vertical"
-      >
+      <DropdownMenu.Content sideOffset={8}>
         <DropdownMenu.DropdownMenuRadioGroup
+          as={StyleDropdownContent}
+          direction="vertical"
           value={dash}
           onValueChange={changeDashStyle}
         >

components/style-panel/quick-size-select.tsx

@@ -24,12 +24,10 @@ function QuickSizeSelect(): JSX.Element {
       <DropdownMenuIconTriggerButton label="Size">
         <Circle size={sizes[size]} stroke="none" fill="currentColor" />
       </DropdownMenuIconTriggerButton>
-      <DropdownMenu.Content
-        as={StyleDropdownContent}
-        sideOffset={8}
-        direction="vertical"
-      >
+      <DropdownMenu.Content sideOffset={8}>
         <DropdownMenu.DropdownMenuRadioGroup
+          as={StyleDropdownContent}
+          direction="vertical"
           value={size}
           onValueChange={changeSizeStyle}
         >

components/style-panel/style-panel.tsx

@@ -37,7 +37,7 @@ export default function StylePanel(): JSX.Element {
           bp={breakpoints}
           title="Style"
           size="small"
-          onClick={handleStylePanelOpen}
+          onPointerDown={handleStylePanelOpen}
         >
           <Tooltip label={isOpen ? 'Close' : 'More'}>
             {isOpen ? <Cross2Icon /> : <DotsHorizontalIcon />}