fix header styles

MattPereira · Jan 20, 2024 · efb9713 · efb9713
1 parent 4453a1a
commit efb9713
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -108,7 +108,7 @@ export const Header = () => {
       <div className="navbar-end flex-grow mr-4">
         <RainbowKitCustomConnectButton />
         <FaucetButton />
-        <SwitchTheme />
+        <SwitchTheme className="ml-3" />
       </div>
     </div>
   );

diff --git a/packages/nextjs/components/SwitchTheme.tsx b/packages/nextjs/components/SwitchTheme.tsx
@@ -12,7 +12,7 @@ export const SwitchTheme = ({ className }: { className?: string }) => {
   }, [isDarkMode]);
 
   return (
-    <div className={`flex ml-3 ${className}`}>
+    <div className={`flex ${className}`}>
       {/* <input
         id="theme-toggle"
         type="checkbox"

diff --git a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton/index.tsx b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton/index.tsx
@@ -41,7 +41,7 @@ export const RainbowKitCustomConnectButton = () => {
 
               return (
                 <>
-                  <div className="flex flex-col items-center mr-1">
+                  <div className="flex flex-col items-center mx-5">
                     <Balance address={account.address as Address} className="min-h-0 h-auto" />
                     <span className="text-xs" style={{ color: networkColor }}>
                       {chain.name}