Updates

components/lib/layout/Button.tsx

@@ -258,7 +258,7 @@ export default function Button({
                 props.disabled ? "opacity-40 cursor-not-allowed" : "",
                 "twui-button-general",
                 size == "small"
-                    ? "px-3 py-1.5 text-sm twui-button-small"
+                    ? "px-3 py-1.5 twui-button-small text-sm"
                     : size == "smaller"
                     ? "px-2 py-1 text-xs twui-button-smaller"
                     : size == "large"

components/lib/layout/Container.tsx

@@ -12,7 +12,7 @@ export default function Container({
         <div
             {...props}
             className={twMerge(
-                "flex w-full max-w-[1200px] gap-4 justify-between",
+                "flex w-full max-w-container gap-4 justify-between",
                 "flex-wrap flex-col xl:flex-row items-start xl:items-center",
                 "twui-container",
                 props.className

components/lib/layout/H5.tsx

@@ -12,7 +12,7 @@ export default function H5({
         <h5
             {...props}
             className={twMerge(
-                "text-sm mb-4",
+                "mb-4",
                 "twui-headings twui-heading",
                 "twui-h5",
                 props.className

components/lib/layout/Spacer.tsx

@@ -18,7 +18,7 @@ export default function Spacer({ horizontal, ...props }: Props) {
         <div
             {...props}
             className={twMerge(
-                "grow",
+                "",
                 horizontal ? "w-10" : "w-full h-10",
                 "twui-spacer",
                 props.className