diff --git a/desktop/src/main/resources/org/example/petshopdesktop/modelviews/sale-view.fxml b/desktop/src/main/resources/org/example/petshopdesktop/modelviews/sale-view.fxml
index 24254bd2..b1b31a9a 100644
--- a/desktop/src/main/resources/org/example/petshopdesktop/modelviews/sale-view.fxml
+++ b/desktop/src/main/resources/org/example/petshopdesktop/modelviews/sale-view.fxml
@@ -19,11 +19,11 @@
        <Insets bottom="6.0" left="6.0" right="6.0" top="6.0" />
     </padding>
     <children>
-       <HBox alignment="CENTER_LEFT" prefHeight="58.0" spacing="10.0">
+       <HBox alignment="CENTER_LEFT" prefHeight="50.0" spacing="8.0">
          <children>
              <Label text="Sales" textFill="#2c3e50">
                 <font>
-                   <Font name="System Bold" size="22.0" />
+                   <Font name="System Bold" size="20.0" />
                 </font>
                <HBox.margin>
                   <Insets />
@@ -31,22 +31,22 @@
             </Label>
             <Label fx:id="lblModeNote" text="" textFill="#7f8c8d">
                <font>
-                  <Font name="System Bold" size="12.0" />
+                  <Font name="System Bold" size="11.0" />
                 </font>
                 <padding>
-                   <Insets top="6.0" />
+                   <Insets top="4.0" />
                 </padding>
               </Label>
-             <Label fx:id="lblStatus" text="" textFill="#16a085" visible="false" managed="true">
+              <Label fx:id="lblStatus" text="" textFill="#16a085" visible="false" managed="true">
                 <font>
-                   <Font name="System Bold" size="12.0" />
+                   <Font name="System Bold" size="11.0" />
                 </font>
                 <padding>
-                   <Insets right="10.0" />
+                   <Insets right="8.0" />
                 </padding>
-             </Label>
+              </Label>
               <Region HBox.hgrow="ALWAYS" />
-             <Button fx:id="btnRefund" mnemonicParsing="false" onAction="#btnRefund" prefHeight="36.0" style="-fx-background-color: #FF6b6b; -fx-cursor: hand; -fx-background-radius: 8;" text="Process Refund" textFill="WHITE">
+             <Button fx:id="btnRefund" mnemonicParsing="false" onAction="#btnRefund" prefHeight="32.0" style="-fx-background-color: #FF6b6b; -fx-cursor: hand; -fx-background-radius: 8;" text="Process Refund" textFill="WHITE">
                <font>
                   <Font name="System Bold" size="14.0" />
                </font>
@@ -54,7 +54,7 @@
                   <Insets bottom="12.0" left="24.0" right="24.0" top="12.0" />
                </padding>
             </Button>
-             <Button fx:id="btnRefresh" mnemonicParsing="false" onAction="#btnRefresh" prefHeight="36.0" prefWidth="104.0" style="-fx-background-color: #4ECDC4; -fx-cursor: hand; -fx-background-radius: 8;" text="Refresh" textFill="WHITE">
+             <Button fx:id="btnRefresh" mnemonicParsing="false" onAction="#btnRefresh" prefHeight="32.0" prefWidth="96.0" style="-fx-background-color: #4ECDC4; -fx-cursor: hand; -fx-background-radius: 8;" text="Refresh" textFill="WHITE">
                <font>
                   <Font name="System Bold" size="14.0" />
                </font>
@@ -65,21 +65,21 @@
          </children>
       </HBox>
 
-      <VBox fx:id="vbCreateSale" spacing="4.0" style="-fx-background-color: #ffffff; -fx-background-radius: 12; -fx-border-color: #e6e6e6; -fx-border-radius: 12; -fx-border-width: 1;">
+      <VBox fx:id="vbCreateSale" spacing="2.0" style="-fx-background-color: #ffffff; -fx-background-radius: 12; -fx-border-color: #e6e6e6; -fx-border-radius: 12; -fx-border-width: 1;">
           <padding>
-             <Insets bottom="6.0" left="6.0" right="6.0" top="6.0" />
+             <Insets bottom="4.0" left="4.0" right="4.0" top="4.0" />
           </padding>
           <children>
              <Label text="Create Sale" textFill="#2c3e50">
                 <font>
-                   <Font name="System Bold" size="14.0" />
+                   <Font name="System Bold" size="13.0" />
                 </font>
              </Label>
              <HBox alignment="CENTER_LEFT" spacing="6.0">
                 <children>
-                   <ComboBox fx:id="cbProduct" prefHeight="28.0" prefWidth="260.0" promptText="Select a product" />
-                   <Spinner fx:id="spQuantity" prefHeight="28.0" prefWidth="78.0" />
-                   <Button fx:id="btnAddToCart" mnemonicParsing="false" onAction="#btnAddToCart" prefHeight="28.0" style="-fx-background-color: #FF6b6b; -fx-cursor: hand; -fx-background-radius: 8;" text="Add" textFill="WHITE">
+                   <ComboBox fx:id="cbProduct" prefHeight="24.0" prefWidth="240.0" promptText="Select a product" />
+                   <Spinner fx:id="spQuantity" prefHeight="24.0" prefWidth="70.0" />
+                   <Button fx:id="btnAddToCart" mnemonicParsing="false" onAction="#btnAddToCart" prefHeight="24.0" style="-fx-background-color: #FF6b6b; -fx-cursor: hand; -fx-background-radius: 8;" text="Add" textFill="WHITE">
                      <font>
                         <Font name="System Bold" size="13.0" />
                      </font>
@@ -87,7 +87,7 @@
                         <Insets bottom="8.0" left="18.0" right="18.0" top="8.0" />
                      </padding>
                   </Button>
-                   <Button fx:id="btnRemoveSelected" mnemonicParsing="false" onAction="#btnRemoveSelected" prefHeight="28.0" style="-fx-background-color: #34495E; -fx-cursor: hand; -fx-background-radius: 8;" text="Remove Selected" textFill="WHITE">
+                   <Button fx:id="btnRemoveSelected" mnemonicParsing="false" onAction="#btnRemoveSelected" prefHeight="24.0" style="-fx-background-color: #34495E; -fx-cursor: hand; -fx-background-radius: 8;" text="Remove Selected" textFill="WHITE">
                      <font>
                         <Font name="System Bold" size="13.0" />
                      </font>
@@ -97,7 +97,7 @@
                   </Button>
                </children>
             </HBox>
-        <TableView fx:id="tvCart" prefHeight="96.0" style="-fx-background-color: white; -fx-background-radius: 10;" VBox.vgrow="NEVER">
+        <TableView fx:id="tvCart" prefHeight="72.0" style="-fx-background-color: white; -fx-background-radius: 10;" VBox.vgrow="NEVER">
                <columns>
                   <TableColumn fx:id="colCartProduct" prefWidth="310.0" text="Product" />
                   <TableColumn fx:id="colCartQty" prefWidth="90.0" text="Qty" />
@@ -147,19 +147,19 @@
          </children>
       </VBox>
 
-        <HBox alignment="CENTER_LEFT" prefHeight="28.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-width: 1; -fx-border-radius: 14; -fx-border-color: #e6e6e6;">
+       <HBox alignment="CENTER_LEFT" prefHeight="24.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-width: 1; -fx-border-radius: 14; -fx-border-color: #e6e6e6;">
          <padding>
             <Insets bottom="10.0" left="15.0" right="15.0" top="10.0" />
          </padding>
          <children>
-             <TextField fx:id="txtSearch" prefHeight="24.0" prefWidth="150.0" promptText="Search sales..." style="-fx-border-width: 0; -fx-background-color: transparent;" HBox.hgrow="ALWAYS">
+             <TextField fx:id="txtSearch" prefHeight="22.0" prefWidth="150.0" promptText="Search sales..." style="-fx-border-width: 0; -fx-background-color: transparent;" HBox.hgrow="ALWAYS">
                <font>
                   <Font size="15.0" />
                </font>
             </TextField>
          </children>
       </HBox>
-        <TableView fx:id="tvSales" prefHeight="310.0" style="-fx-background-color: white; -fx-background-radius: 12; -fx-padding: 2;" VBox.vgrow="ALWAYS">
+        <TableView fx:id="tvSales" prefHeight="270.0" style="-fx-background-color: white; -fx-background-radius: 12; -fx-padding: 2;" VBox.vgrow="ALWAYS">
          <columns>
           <TableColumn fx:id="colSaleId" minWidth="48.0" prefWidth="52.0" text="ID" />
           <TableColumn fx:id="colSaleDate" minWidth="115.0" prefWidth="140.0" text="Date" />