diff --git a/package.json b/package.json
index 24edbfa..0aee006 100644
--- a/package.json
+++ b/package.json
@@ -15,10 +15,10 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/material": "^6.4.7",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "react-hook-form": "^7.54.2"
+    "@mui/material": "^7.0.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-hook-form": "^7.55.0"
   },
   "exports": {
     ".": "./src/index.tsx",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.0.2"
+    "tailwind-merge": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/src/button/index.tsx b/src/button/index.tsx
index 1819886..d32e0b8 100644
--- a/src/button/index.tsx
+++ b/src/button/index.tsx
@@ -1,4 +1,4 @@
-import MuiButton, { ButtonProps } from '@mui/material/Button';
+import { Button as MuiButton, ButtonProps } from '@mui/material';
 
 export const Button = (props: ButtonProps) => {
   return <MuiButton {...props} />;
@@ -7,7 +7,7 @@ export const Button = (props: ButtonProps) => {
 export const IconButton = (props: ButtonProps) => {
   const { variant = 'contained', color = 'primary', sx, children, ...rest } = props;
   return (
-    <MuiButton variant={variant} color={color} {...rest} sx={{ color: 'white', minWidth: '32px', padding: '8px', ...sx }}>
+    <MuiButton variant={variant} color={color} {...rest} sx={{ color: 'white', minWidth: '24px', padding: '8px', ...sx }}>
       {children}
     </MuiButton>
   );
@@ -16,8 +16,8 @@ export const IconButton = (props: ButtonProps) => {
 export const IconButtonItem = (props: ButtonProps) => {
   const { variant = 'contained', size = 'small', color = 'primary', sx, children, ...rest } = props;
   return (
-    <MuiButton {...props} >
-    {/* <MuiButton variant={'contained'} size={size} color={color} {...rest} sx={{ color: 'white', ...sx }}> */}
+    <MuiButton {...props}>
+      {/* <MuiButton variant={'contained'} size={size} color={color} {...rest} sx={{ color: 'white', ...sx }}> */}
 
       {children}
     </MuiButton>
diff --git a/src/select/index.tsx b/src/select/index.tsx
index cd73fe6..3b68f69 100644
--- a/src/select/index.tsx
+++ b/src/select/index.tsx
@@ -7,7 +7,6 @@ type SelectProps = {
 
 export const Select = React.forwardRef((props: SelectProps, ref) => {
   const { options, ...rest } = props;
-  console.log(props, 'props');
   return (
     <MuiSelect {...rest} ref={ref}>
       {options?.map((option) => (
diff --git a/src/theme/index.tsx b/src/theme/index.tsx
index 1a0aab4..c91bb7c 100644
--- a/src/theme/index.tsx
+++ b/src/theme/index.tsx
@@ -1,7 +1,7 @@
-import { createTheme, Shadows, ThemeOptions } from '@mui/material/styles';
-import { useTheme as useMuiTheme, Theme } from '@mui/material/styles';
+import { createTheme, Shadows, ThemeOptions } from '@mui/material';
+import { useTheme as useMuiTheme, Theme } from '@mui/material';
 import { amber, red } from '@mui/material/colors';
-import { ThemeProvider } from '@mui/material/styles';
+import { ThemeProvider } from '@mui/material';
 const generateShadows = (color: string): Shadows => {
   return [
     'none',