diff --git a/src/main/resources/org/example/petshopdesktop/login-view.fxml b/src/main/resources/org/example/petshopdesktop/login-view.fxml
index 5d40ce50..a98b3a23 100644
--- a/src/main/resources/org/example/petshopdesktop/login-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/login-view.fxml
@@ -8,76 +8,78 @@
 <?import javafx.scene.effect.DropShadow?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
-<?import javafx.scene.paint.Color?>
 <?import javafx.scene.text.Font?>
 
-<VBox alignment="CENTER" prefHeight="420.0" prefWidth="380.0" spacing="16.0"
-      style="-fx-background-color: #2C3E50;"
-      xmlns="http://javafx.com/javafx/17"
-      xmlns:fx="http://javafx.com/fxml/1"
-      fx:controller="org.example.petshopdesktop.controllers.LoginController">
-   <padding>
-      <Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
-   </padding>
+<StackPane style="-fx-background-color: #2C3E50;"
+           xmlns="http://javafx.com/javafx/17"
+           xmlns:fx="http://javafx.com/fxml/1"
+           fx:controller="org.example.petshopdesktop.controllers.LoginController">
    <children>
-      <StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.0">
-         <effect>
-            <DropShadow blurType="GAUSSIAN" color="0x0f172838" height="18.0" offsetY="6.0" radius="9.0" spread="0.16" width="18.0" />
-         </effect>
-         <VBox.margin>
-            <Insets bottom="35.0" />
-         </VBox.margin>
-      </StackPane>
-
-      <Label text="Username" textFill="#cccccc">
-         <font>
-            <Font name="System Bold" size="13.0" />
-         </font>
-      </Label>
-      <TextField fx:id="txtUsername" promptText="Enter username"
-                 style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
+      <VBox alignment="CENTER" fillWidth="true" maxWidth="380.0" prefWidth="380.0" spacing="16.0">
          <padding>
-            <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+            <Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
          </padding>
-         <font>
-            <Font size="14.0" />
-         </font>
-      </TextField>
+         <children>
+            <StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.0">
+               <effect>
+                  <DropShadow blurType="GAUSSIAN" color="0x0f172838" height="18.0" offsetY="6.0" radius="9.0" spread="0.16" width="18.0" />
+               </effect>
+               <VBox.margin>
+                  <Insets bottom="35.0" />
+               </VBox.margin>
+            </StackPane>
 
-      <Label text="Password" textFill="#cccccc">
-         <font>
-            <Font name="System Bold" size="13.0" />
-         </font>
-      </Label>
-      <PasswordField fx:id="txtPassword" promptText="Enter password"
-                    style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
-         <padding>
-            <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
-         </padding>
-         <font>
-            <Font size="14.0" />
-         </font>
-      </PasswordField>
+            <Label text="Username" textFill="#cccccc">
+               <font>
+                  <Font name="System Bold" size="13.0" />
+               </font>
+            </Label>
+            <TextField fx:id="txtUsername" maxWidth="280.0" prefWidth="280.0" promptText="Enter username"
+                       style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
+               <padding>
+                  <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+               </padding>
+               <font>
+                  <Font size="14.0" />
+               </font>
+            </TextField>
 
-      <Label fx:id="lblError" text="" textFill="#FF6B6B" wrapText="true">
-         <font>
-            <Font size="13.0" />
-         </font>
-      </Label>
+            <Label text="Password" textFill="#cccccc">
+               <font>
+                  <Font name="System Bold" size="13.0" />
+               </font>
+            </Label>
+            <PasswordField fx:id="txtPassword" maxWidth="280.0" prefWidth="280.0" promptText="Enter password"
+                           style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
+               <padding>
+                  <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+               </padding>
+               <font>
+                  <Font size="14.0" />
+               </font>
+            </PasswordField>
 
-      <Button fx:id="btnLogin" mnemonicParsing="false" onAction="#btnLoginClicked"
-              prefWidth="280.0"
-              style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
-              text="Login" textFill="WHITE">
-         <font>
-            <Font name="System Bold" size="15.0" />
-         </font>
-         <padding>
-            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
-         </padding>
-         <VBox.margin>
-            <Insets top="8.0" />
-         </VBox.margin>
-      </Button>
+            <Label fx:id="lblError" maxWidth="280.0" text="" textFill="#FF6B6B" wrapText="true">
+               <font>
+                  <Font size="13.0" />
+               </font>
+            </Label>
+
+            <Button fx:id="btnLogin" maxWidth="280.0" mnemonicParsing="false" onAction="#btnLoginClicked"
+                    prefWidth="280.0"
+                    style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
+                    text="Login" textFill="WHITE">
+               <font>
+                  <Font name="System Bold" size="15.0" />
+               </font>
+               <padding>
+                  <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+               </padding>
+               <VBox.margin>
+                  <Insets top="8.0" />
+               </VBox.margin>
+            </Button>
+         </children>
+      </VBox>
    </children>
-</VBox>
+</StackPane>