diff --git a/packages/ui/package.json b/packages/ui/package.json
index 2300ba5..5c18a9d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@synergycodes/overflow-ui",
   "type": "module",
-  "version": "1.0.0-beta.25",
+  "version": "1.0.0-beta.26",
   "description": "A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.",
   "keywords": [
     "react",
diff --git a/packages/ui/src/components/modal/modal.tsx b/packages/ui/src/components/modal/modal.tsx
index e9ffcb4..8c7cfb3 100644
--- a/packages/ui/src/components/modal/modal.tsx
+++ b/packages/ui/src/components/modal/modal.tsx
@@ -69,7 +69,7 @@ export const Modal = forwardRef<HTMLDivElement, ModalProps>(
   ) => {
     return (
       <BaseModal
-        className={clsx(styles['modal-base'], className)}
+        className={styles['modal-base']}
         open={open}
         onClose={onClose}
         slots={{
@@ -102,7 +102,11 @@ export const Modal = forwardRef<HTMLDivElement, ModalProps>(
               )}
             </div>
 
-            {children && <div className={styles['content']}>{children}</div>}
+            {children && (
+              <div className={clsx(styles['content'], className)}>
+                {children}
+              </div>
+            )}
 
             {footer && (
               <div className={clsx(styles['footer'], styles[footerVariant])}>
diff --git a/packages/ui/src/components/node/node-panel/node-panel.module.css b/packages/ui/src/components/node/node-panel/node-panel.module.css
index 0d447a9..3b37b98 100644
--- a/packages/ui/src/components/node/node-panel/node-panel.module.css
+++ b/packages/ui/src/components/node/node-panel/node-panel.module.css
@@ -1,5 +1,5 @@
 :root {
-  --ax-public-node-width: 15rem;
+  --ax-public-node-width: 16.125rem;
   --ax-public-node-height: 100%;
   --ax-public-node-border-size: 0.0625rem;