diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/base.html b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
index bb11512..6094561 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/base.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
@@ -5,11 +5,11 @@
     <head>
         <title>Don Confiao - Tienda la Ilusión</title>
     </head>
-    <body class="flex h-full">
-        <div id="menu" class="w-2/12 border bg-green-100">
+    <body class="flex h-full w-full">
+        <div id="menu" class="h-full w-2/12 border bg-green-100 max-h-screen overflow-auto">
             {% include 'don_confiao/menu.html' %}
         </div>
-        <div id="content" class="w-7/12 h-full">
+        <div id="content" class="w-10/12 h-screen max-h-screen overflow-auto">
             {% block content %} {% endblock %}
         </div>
     </body>
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
index 9701be2..e262f01 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
@@ -1,25 +1,35 @@
 {% extends 'don_confiao/base.html' %}
 {% block content %}
 {% load static %}
-<form id="complete_form_purchase" method="POST" class="h-full>
-  {% csrf_token %}
-  {{ sale_form }}
-  {{ linea_formset.management_form }}
-  <div id="formset-container" class="overflow-auto max-h-96">
-    {% for form in linea_formset %}
-      <div class="form-container">
-        <table style="border: solid 1px blue; margin: 10px">
-          {{ form.as_table }}
-        </table>
+
+<div class="flex">
+  <div class="w-10/12 flex">
+    <form id="complete_form_purchase" method="POST" class="h-screen max-h-screen overflow-auto w-full">
+      {% csrf_token %}
+      {{ linea_formset.management_form }}
+      <div id="formset-container" class="w-full">
+        {% for form in linea_formset %}
+        <div class="form-container flex justify-center ">
+          <table class="w-3/4 my-5" style="border: solid 1px #178E79;">
+            {{ form.as_table }}
+          </table>
+          </div>
+        {% endfor %}
       </div>
-    {% endfor %}
+      <div class="flex justify-center">
+        <button id="add_line" type="button" class="bg-yellow-100 py-2 px-5 rounded-full" onclick="add_line">Añadir Linea</button>
+      </div>
+    </form>
   </div>
-  <button id="add_line" type="button" onclick="add_line">Añadir Linea</button>
-  {{ summary_form }}
-  <br/><button name="form" type="submit" >Comprar</button>
-  <script src="https://cdn.tailwindcss.com/"></script>
-  <script src="{% static 'js/add_line.js' %}"></script>
-  <script src="{% static 'js/sale_summary.js' %}"></script>
-  <script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
-</form>
+  <div class="w-2/12">
+    {{ summary_form }}
+    <br/><button name="form" type="submit" >Comprar</button>
+    {{ sale_form }}
+  </div>
+</div>
+
+<script src="https://cdn.tailwindcss.com/"></script>
+<script src="{% static 'js/add_line.js' %}"></script>
+<script src="{% static 'js/sale_summary.js' %}"></script>
+<script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
 {% endblock %}
