diff --git a/packages/ui/components/ui/box.tsx b/packages/ui/components/ui/box.tsx
index 359b5856..f3291be0 100644
--- a/packages/ui/components/ui/box.tsx
+++ b/packages/ui/components/ui/box.tsx
@@ -17,6 +17,7 @@ const variants = cva('rounded-lg border bg-background', {
       error: 'border-red',
     },
     overflow: {
+      hidden: 'overflow-hidden',
       xHidden: 'overflow-x-hidden',
     },
   },
diff --git a/packages/ui/components/ui/tx/view/viewbox.tsx b/packages/ui/components/ui/tx/view/viewbox.tsx
index 0dfa6d6f..cd6f8e36 100644
--- a/packages/ui/components/ui/tx/view/viewbox.tsx
+++ b/packages/ui/components/ui/tx/view/viewbox.tsx
@@ -17,7 +17,7 @@ export const ViewBox = ({ label, visibleContent, isOpaque }: ViewBoxProps) => {
   // if isOpaque is undefined, set it to !visibleContent
   isOpaque = isOpaque ?? !visibleContent;
   return (
-    <Box overflow='xHidden'>
+    <Box overflow='hidden'>
       <div
         className={cn(
           'flex flex-col gap-1 break-all overflow-hidden',