fix: list styles

web/src/components/MemoContent/List.tsx

@@ -43,8 +43,11 @@ const List: React.FC<Props> = ({ kind, indent, children }: Props) => {
   return React.createElement(
     getListContainer(),
     {
-      className: cn(kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none"),
-      style: { paddingLeft: `${(2 * indent + 6) * 4}px` },
+      className: cn(
+        "list-inside break-all",
+        kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none",
+      ),
+      style: { paddingLeft: `${indent * 6}px` },
       ...getAttributes(),
     },
     children.map((child, index) => {