Adjust various base components

src/renderer/components/dropdown-menu/index.tsx

@@ -57,7 +57,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
   }
 
   & .mantine-Menu-itemIcon {
-    margin-right: 0.5rem;
+    margin-right: 1rem;
   }
 
   & .mantine-Menu-itemLabel {

src/renderer/components/pagination/index.tsx

@@ -46,7 +46,6 @@ export const Pagination = ({ $hideDividers, ...props }: PaginationProps) => {
     <StyledPagination
       $hideDividers={$hideDividers}
       radius="xl"
-      size="md"
       {...props}
     />
   );

src/renderer/components/scroll-area/index.tsx

@@ -58,7 +58,7 @@ interface NativeScrollAreaProps {
   pageHeaderProps?: PageHeaderProps & { offset?: any; target?: any };
   scrollBarOffset?: string;
   scrollHideDelay?: number;
-  style: React.CSSProperties;
+  style?: React.CSSProperties;
 }
 
 export const NativeScrollArea = forwardRef(

src/renderer/components/virtual-table/table-pagination.tsx

@@ -108,10 +108,9 @@ export const TablePagination = ({
         >
           <Popover.Target>
             <Button
-              compact
               radius="sm"
-              size="lg"
+              size="sm"
-              sx={{ height: '32px', padding: 0, width: '32px' }}
+              sx={{ height: '26px', padding: '0', width: '26px' }}
               tooltip={{ label: 'Go to page' }}
               variant="default"
               onClick={() => handlers.toggle()}

src/renderer/features/shared/components/library-header-bar.tsx

@@ -44,8 +44,8 @@ interface PlayButtonProps {
 const PlayButton = ({ onClick }: PlayButtonProps) => {
   return (
     <PlayBtn
-      h="50px"
+      h="45px"
-      w="50px"
+      w="45px"
       onClick={onClick}
     />
   );