diff --git a/resources/js/components/InputPassword.vue b/resources/js/components/InputPassword.vue
index da51b84..4efe49d 100644
--- a/resources/js/components/InputPassword.vue
+++ b/resources/js/components/InputPassword.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative">
+  <div class="relative mb-8">
     <input
       :type="showPassword ? 'text' : 'password'"
       :value="modelValue"
@@ -16,8 +16,8 @@
       @click="togglePassword"
       class="absolute inset-y-0 right-0 pr-3 flex items-center text-gray-500 hover:text-gray-700 focus:outline-none"
     >
-      <font-awesome-icon v-if="showPassword" :icon="['fas', 'eye']" />
-  <font-awesome-icon v-else :icon="['fas', 'eye-slash']" />
+      <i v-if="showPassword" class="fas fa-eye"></i>
+      <i v-else class="fas fa-eye-slash"></i>
     </button>
   </div>
 </template>
diff --git a/resources/js/pages/InputProduk.vue b/resources/js/pages/InputProduk.vue
index 05fcfe8..f8723f1 100644
--- a/resources/js/pages/InputProduk.vue
+++ b/resources/js/pages/InputProduk.vue
@@ -6,7 +6,6 @@
       :product="createdProduct"
       @close="closeItemModal"
     />
-
     <div class="p-6">
       <p class="font-serif italic text-[25px] text-D">Produk Baru</p>
 
@@ -130,6 +129,7 @@ import mainLayout from "../layouts/mainLayout.vue";
 import InputField from "../components/InputField.vue";
 import InputSelect from "../components/InputSelect.vue";
 import CreateItemModal from "../components/CreateItemModal.vue";
+import Struk from "../components/Struk.vue";
 
 const router = useRouter();
 
diff --git a/resources/js/pages/Login.vue b/resources/js/pages/Login.vue
index 7102148..4fe460c 100644
--- a/resources/js/pages/Login.vue
+++ b/resources/js/pages/Login.vue
@@ -3,12 +3,12 @@
     <div class="bg-white p-8 rounded-2xl shadow-xl w-80 text-center">
       <!-- Logo + Title -->
       <div class="mb-6">
-        <img :src="logo" alt="Logo" class="mx-auto w-24">
+        <img :src="logo" alt="Logo" class="mx-auto w-34 py-5">
       </div>
 
       <!-- Input -->
       <div>
-      <InputField v-model="username" type="text" placeholder="Username" />
+      <InputField v-model="username" type="text" placeholder="Username"class="mb-4"/>
       <PasswordInput v-model="password" placeholder="Password" />
       </div>