fix: layout

Author: Guru

demo/redirect-flow-example/src/components/transactions/SignMessage.tsx

@@ -49,7 +49,7 @@ const SignPersonalMessageCard: React.FC = () => {
           value={message}
           onChange={(e) => setMessage(e.target.value)}
           placeholder="Enter your message"
-          className="min-w-[300px] mb-4 w-full p-2 border border-app-gray-300 rounded-md dark:bg-app-gray-700 dark:border-app-gray-600 dark:text-app-white"
+          className="min-w-[80%] mb-4 w-full p-2 border border-app-gray-300 rounded-md dark:bg-app-gray-700 dark:border-app-gray-600 dark:text-app-white"
           rows={4}
           style={{ resize: "none", whiteSpace: "pre-wrap" }}
         />

demo/redirect-flow-example/src/page/Home.tsx

@@ -20,7 +20,7 @@ const HomePage = () => {
 
   return (
     <div className="flex-1 flex py-4 px-4 sm:py-6 sm:px-10">
-      <div className="columns-1 sm:columns-2 lg:columns-3 xl:columns-4 break-before-avoid">
+      <div className="columns-1 sm:columns-2 lg:columns-3 xl:columns-4 break-before-avoid w-full">
         {/* actions */}
         <div className="break-inside-avoid space-y-4 mb-4">
           <UserCard />