diff --git a/osinaweb/osinacore/templates/details_templates/customer-details.html b/osinaweb/osinacore/templates/details_templates/customer-details.html
index c6d08933..31dcb01c 100644
--- a/osinaweb/osinacore/templates/details_templates/customer-details.html
+++ b/osinaweb/osinacore/templates/details_templates/customer-details.html
@@ -24,14 +24,6 @@
     </div>
     {% endif %}
 
-    <div class="w-full h-fit flex justify-center items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3">
-
-<div class="text-gray-500 text-xl">Total: ${{ total_all_orders }}</div>
-        <div class="text-green-500 text-xl">Paid: ${{ total_paid_all_orders }}</div>
-
-        <div class="text-red-500 text-xl">Remaining: ${{ total_remaining_all_orders }}</div>
-
-    </div>
     <div class="w-full h-fit flex justify-end items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3">
         <div class="w-full md:w-fit flex flex-col md:flex-row justify-end items-center gap-3">
             <button
@@ -64,7 +56,14 @@
             </a>
         </div>
     </div>
+    <div class="w-full h-fit flex justify-center items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3 gap-3">
 
+<div class="text-gray-500 text-l">Total: ${{ total_all_orders }}</div>
+        <div class="text-green-500 text-l">Paid: ${{ total_paid_all_orders }}</div>
+
+        <div class="text-red-500 text-l">Remaining: ${{ total_remaining_all_orders }}</div>
+
+    </div>
     <div class="w-full flex flex-col gap-4 mt-5">
         <div>
             <p class="text-gray-500 text-xl">First Name: <span
diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index 3f5c7b30..55bfb024 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -1220,10 +1220,6 @@ video {
   max-height: 200px;
 }
 
-.max-h-\[50px\] {
-  max-height: 50px;
-}
-
 .max-h-full {
   max-height: 100%;
 }
@@ -1807,6 +1803,10 @@ video {
   white-space: nowrap;
 }
 
+.whitespace-normal {
+  white-space: normal;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1815,6 +1815,10 @@ video {
   white-space: pre-wrap;
 }
 
+.break-words {
+  overflow-wrap: break-word;
+}
+
 .break-all {
   word-break: break-all;
 }
@@ -2704,6 +2708,11 @@ video {
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+
 .text-green-600 {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity));