diff --git a/web/src/app/(auth)/layout.tsx b/web/src/app/(auth)/layout.tsx
index 382ac27..e6d3b1f 100644
--- a/web/src/app/(auth)/layout.tsx
+++ b/web/src/app/(auth)/layout.tsx
@@ -6,7 +6,7 @@ const Layout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
     <Providers>
       <div className="p-4">
         <MenuDropdown />
-        <main className="mt-16 max-w-md mx-auto text-center">{children}</main>
+        <main className="mt-16 px-8 max-w-md mx-auto text-center">{children}</main>
       </div>
     </Providers>
   )
diff --git a/web/src/app/(auth)/receive/Receive.tsx b/web/src/app/(auth)/receive/Receive.tsx
index 742075c..30f4d75 100644
--- a/web/src/app/(auth)/receive/Receive.tsx
+++ b/web/src/app/(auth)/receive/Receive.tsx
@@ -65,7 +65,7 @@ const Receive: FC<{}> = () => {
       {invoice && (
         <div className="flex flex-col">
           <div className="mx-auto mt-6">
-            <QRCanvas text={invoice} />
+            <QRCanvas text={invoice} options={{ width: 256 }} />
           </div>
           <p className="mt-2 break-words">{invoice}</p>
         </div>
diff --git a/web/src/components/Transactions.tsx b/web/src/components/Transactions.tsx
index c9ad69a..35baaf3 100644
--- a/web/src/components/Transactions.tsx
+++ b/web/src/components/Transactions.tsx
@@ -82,7 +82,7 @@ const Transactions: FC<{}> = () => {
   }, [isMounted])
 
   return (
-    <div className="px-12 py-4">
+    <div>
       {payments.map((tx, i) => (
         <Tx key={i} {...tx} />
       ))}