From 254d15bb1e73964088700070ea761560938c340b Mon Sep 17 00:00:00 2001
From: Urban <urbanfoundit@gmail.com>
Date: Wed, 10 Apr 2024 11:42:31 +0200
Subject: [PATCH] fix(dapp): padding and pino-pretty (#618)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Urban Vidovič <urbanfoundit@gmail.com>
---
 packages/dapp/next.config.js                             | 1 +
 packages/dapp/src/components/ConnectedProvider/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/dapp/next.config.js b/packages/dapp/next.config.js
index 5a015fabd..ec4c5e57e 100644
--- a/packages/dapp/next.config.js
+++ b/packages/dapp/next.config.js
@@ -112,6 +112,7 @@ const nextConfig = {
   },
 
   webpack: (config) => {
+    config.externals.push('pino-pretty');
     config.module.rules.push({
       test: /\.svg$/,
       use: ['@svgr/webpack'],
diff --git a/packages/dapp/src/components/ConnectedProvider/index.tsx b/packages/dapp/src/components/ConnectedProvider/index.tsx
index 3c97a8787..669309189 100644
--- a/packages/dapp/src/components/ConnectedProvider/index.tsx
+++ b/packages/dapp/src/components/ConnectedProvider/index.tsx
@@ -22,7 +22,7 @@ const ConnectedProvider = ({ children }: ConnectedProviderProps) => {
   return isConnected ? (
     <>{children}</>
   ) : (
-    <div className="flex flex-col items-center justify-center px-6 sm:px-12 dark:bg-navy-blue-800 dark:text-navy-blue-400 py-12 rounded-3xl bg-white shadow-lg">
+    <div className="flex flex-col items-center h-full justify-center px-6 sm:px-12 dark:bg-navy-blue-800 dark:text-navy-blue-400 py-12 rounded-3xl bg-white shadow-lg">
       <div className="flex flex-col">
         <div className="flex w-full flex-col items-center justify-center">
           <h3 className="text-h4 sm:text-h3 dark:text-navy-blue-50 text-center text-gray-900">