diff --git a/front-end/app/pages/login.vue b/front-end/app/pages/login.vue
index d7b0491..09d0c06 100644
--- a/front-end/app/pages/login.vue
+++ b/front-end/app/pages/login.vue
@@ -36,6 +36,7 @@ async function handleSubmit() {
           type="email"
           placeholder="usuario@orgao.gov.br"
           size="md"
+          class="w-full"
           required
         />
       </UFormField>
@@ -46,6 +47,7 @@ async function handleSubmit() {
           type="password"
           placeholder="••••••••"
           size="md"
+          class="w-full"
           required
         />
       </UFormField>
@@ -56,6 +58,7 @@ async function handleSubmit() {
           type="text"
           placeholder="minha-empresa"
           size="md"
+          class="w-full"
           required
         />
       </UFormField>
diff --git a/front-end/app/pages/register.vue b/front-end/app/pages/register.vue
index 01dfa23..0bf5c76 100644
--- a/front-end/app/pages/register.vue
+++ b/front-end/app/pages/register.vue
@@ -91,19 +91,19 @@ async function handleSubmit() {
       <div class="section-label">Dados da Empresa</div>
 
       <UFormField label="Nome Fantasia / Apelido" class="field">
-        <UInput v-model="form.companyName" placeholder="Ex: Tech Gov" required />
+        <UInput v-model="form.companyName" placeholder="Ex: Tech Gov" class="w-full" required />
       </UFormField>
 
       <UFormField :label="nameLabel" class="field">
-        <UInput v-model="form.legalName" :placeholder="documentType === 'pj' ? 'Razão Social completa' : 'Nome completo'" required />
+        <UInput v-model="form.legalName" :placeholder="documentType === 'pj' ? 'Razão Social completa' : 'Nome completo'" class="w-full" required />
       </UFormField>
 
       <UFormField :label="documentLabel" class="field">
-        <UInput v-model="form.document" :placeholder="documentPlaceholder" required />
+        <UInput v-model="form.document" :placeholder="documentPlaceholder" class="w-full" required />
       </UFormField>
 
       <UFormField label="Identificador único (slug)" class="field">
-        <UInput v-model="form.slug" placeholder="minha-empresa" required />
+        <UInput v-model="form.slug" placeholder="minha-empresa" class="w-full" required />
         <template #hint>
           <span class="slug-hint">Usado para fazer login. Ex: <strong>{{ form.slug || 'minha-empresa' }}</strong></span>
         </template>
@@ -112,15 +112,15 @@ async function handleSubmit() {
       <div class="section-label">Dados de Acesso</div>
 
       <UFormField label="Seu nome" class="field">
-        <UInput v-model="form.adminName" placeholder="Nome do responsável" required />
+        <UInput v-model="form.adminName" placeholder="Nome do responsável" class="w-full" required />
       </UFormField>
 
       <UFormField label="E-mail" class="field">
-        <UInput v-model="form.adminEmail" type="email" placeholder="voce@empresa.com.br" required />
+        <UInput v-model="form.adminEmail" type="email" placeholder="voce@empresa.com.br" class="w-full" required />
       </UFormField>
 
       <UFormField label="Senha" class="field">
-        <UInput v-model="form.adminPassword" type="password" placeholder="Mínimo 8 caracteres" required />
+        <UInput v-model="form.adminPassword" type="password" placeholder="Mínimo 8 caracteres" class="w-full" required />
       </UFormField>
 
       <p v-if="error" class="error-msg">{{ error }}</p>