diff --git a/static/css/tail.select.min.css b/static/css/tail.select.min.css
index 011f558..dee1293 100644
--- a/static/css/tail.select.min.css
+++ b/static/css/tail.select.min.css
@@ -27,12 +27,11 @@
 .tail-select{
     width: 100%;
     margin: 1px 0px 0px 0px;
-    padding: 0;
+    padding: 0px 8px 0px 0px;
     display: inline-block;
     position: relative;
     font-size: 1rem;
     line-height: 1.8;
-    border-width: 1px;
     border-radius: 0.5rem;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
diff --git a/templates/base.html b/templates/base.html
index 5fdd4d4..a3a027d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -126,7 +126,7 @@
             </div>
         </aside>
         <div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64">
-            <main id="main" class="w-full min-w-fit">
+            <main id="main" class="w-full ">
                 <div class="pt-3 md:pt-4 px-2 md:px-4" id="container">
                     {% block content %}
                     {% endblock %}
diff --git a/templates/person.html b/templates/person.html
index f0b731c..bb737d8 100644
--- a/templates/person.html
+++ b/templates/person.html
@@ -6,10 +6,10 @@
     hx-include="[name='exercise_id'],[name='min_date'],[name='max_date']" hx-target="#container"
     hx-trigger="refreshView" id="refreshViewElement"></a>
 
-<div class="flex justify-center">
-    <div class="bg-white shadow rounded-lg p-4 sm:w-full xl:p-8 md:w-full lg:w-11/12">
+<div class="flex max-w-full overflow-x-hidden">
+    <div class="bg-white shadow rounded-lg pt-2 pb-2 sm:w-full xl:p-8 md:w-full">
 
-        <div class="mb-4 flex items-center justify-between px-3">
+        <div class="mb-4 flex items-center justify-between px-2 md:px-3">
             <div>
                 <h3 class="text-xl font-bold text-gray-900 mb-2">{{ person['PersonName'] }}</h3>
                 <span class="text-base font-normal text-gray-500">List of workouts</span>
@@ -35,7 +35,7 @@
         </div>
 
         <div class="flex flex-wrap mb-1">
-            <div class="w-full md:w-1/4 px-3 mb-6 md:mb-0">
+            <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
                 <div class="mb-1 w-full">
                     <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
                         Exercises
@@ -60,7 +60,7 @@
                     </select>
                 </div>
             </div>
-            <div class="w-full md:w-1/4 px-3 mb-6 md:mb-0">
+            <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
                 <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
                     Min date
                 </label>
@@ -81,7 +81,7 @@
                         hx-target="#container" hx-push-url="true" hx-trigger="change">
                 </div>
             </div>
-            <div class="w-full md:w-1/4 px-3 mb-6 md:mb-0">
+            <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
                 <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-zip">
                     Max date
                 </label>
@@ -102,7 +102,7 @@
                         hx-target="#container" hx-push-url="true" hx-trigger="change">
                 </div>
             </div>
-            <div class="w-full md:w-1/4 px-3 mb-6 md:mb-0">
+            <div class="w-full md:w-1/4 px-2 md:px-3 mb-6 md:mb-0">
                 <div class="mb-1 w-full">
                     <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
                         Graph Axis
@@ -127,10 +127,10 @@
         <div class="flex flex-col mt-3 w-screen sm:w-full overflow-auto">
             <div class="overflow-x-auto rounded-lg">
                 <div class="flex justify-center">
-                    <div class="shadow sm:rounded-lg w-screen sm:w-screen">
+                    <div class="flex justify-center shadow sm:rounded-lg w-screen sm:w-screen">
 
                         {% if person['Workouts']|length > 0 %}
-                        <table class="min-w-full divide-y divide-gray-200">
+                        <table class="min-w-content divide-y divide-gray-200">
                             <thead class="bg-gray-50">
                                 <tr>
                                     <th scope="col"