diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 064952c..5ea1845 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -7,6 +7,35 @@ import { Router } from '@angular/router';
selector: 'app-home',
standalone: true,
imports: [BreadcrumbComponent, FormsModule],
+ styles: [`
+ .action-container {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ .profile-input {
+ padding: 1rem;
+ border-radius: 8px;
+ border: 1px solid #ccc;
+ font-size: 1.1em;
+ width: 100%;
+ max-width: 400px;
+ background: #f8f8f8;
+ transition: all 0.2s ease;
+ }
+
+ .profile-button {
+ cursor: pointer;
+ white-space: nowrap;
+ border: none;
+ width: fit-content;
+ }
+
+ .profile-button:disabled {
+ opacity: 0.5;
+ }
+ `],
template: `