diff --git a/src/components/account.tsx b/src/components/account.tsx
index f783e8b..11c0272 100644
--- a/src/components/account.tsx
+++ b/src/components/account.tsx
@@ -69,7 +69,7 @@ const AccountManager = () => {
     <>
       <Modal open={openManager()} onClose={() => setOpenManager(false)}>
         <div class="dark:bg-dark-300 dark:shadow-dark-800 absolute top-16 left-[50%] w-[22rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">
-          <div class="mb-2 flex items-center gap-1 font-semibold">
+          <div class="mb-2 flex items-center gap-1 px-1 font-semibold">
             <span class="iconify lucide--user-round"></span>
             <span>Manage accounts</span>
           </div>
diff --git a/src/components/login.tsx b/src/components/login.tsx
index 8173876..726194e 100644
--- a/src/components/login.tsx
+++ b/src/components/login.tsx
@@ -56,7 +56,7 @@ const Login = () => {
   };
 
   return (
-    <form class="flex flex-col gap-y-2" onsubmit={(e) => e.preventDefault()}>
+    <form class="flex flex-col gap-y-2 px-1" onsubmit={(e) => e.preventDefault()}>
       <div class="flex items-center gap-1">
         <label for="handle" class="mr-1 flex items-center">
           <span class="iconify lucide--user-round-plus text-lg"></span>