diff --git a/shit-show/resources/views/auth/register.blade.php b/shit-show/resources/views/auth/register.blade.php
index a0c4fbe..c64ec3a 100644
--- a/shit-show/resources/views/auth/register.blade.php
+++ b/shit-show/resources/views/auth/register.blade.php
@@ -13,36 +13,35 @@
             @csrf
 
             <!-- Name -->
-            <div>
+            <div class="form-floating">
+                <x-input id="name" class="form-control" type="text" name="name" :value="old('name')" placeholder="Name" required autofocus />
                 <x-label for="name" :value="__('Name')" />
-
-                <x-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
             </div>
 
             <!-- Email Address -->
-            <div class="mt-4">
+            <div class="form-floating">
+                <x-input id="email" class="form-control" type="email" name="email" :value="old('email')" placeholder="Email" required />
                 <x-label for="email" :value="__('Email')" />
-
-                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required />
             </div>
 
             <!-- Password -->
-            <div class="mt-4">
-                <x-label for="password" :value="__('Password')" />
-
-                <x-input id="password" class="block mt-1 w-full"
+            <div class="form-floating">
+                <x-input id="password" class="form-control"
                                 type="password"
                                 name="password"
+                                placeholder="Password"
                                 required autocomplete="new-password" />
+                <x-label for="password" :value="__('Password')" />
             </div>
 
             <!-- Confirm Password -->
-            <div class="mt-4">
-                <x-label for="password_confirmation" :value="__('Confirm Password')" />
-
-                <x-input id="password_confirmation" class="block mt-1 w-full"
+            <div class="form-floating">
+                <x-input id="password_confirmation" class="form-control"
                                 type="password"
-                                name="password_confirmation" required />
+                                name="password_confirmation"
+                                placeholder="Confirm Password"
+                                required />
+                <x-label for="password_confirmation" :value="__('Confirm Password')" />
             </div>
 
             <div class="flex items-center justify-end mt-4">
@@ -50,7 +49,7 @@
                     {{ __('Already registered?') }}
                 </a>
 
-                <x-button class="ml-4">
+                <x-button class="w-100 btn btn-lg btn-primary">
                     {{ __('Register') }}
                 </x-button>
             </div>