Try to fix issue where when opening sidebar on mobile, main content gets squished (I beleive this was introduced when I switched from tailwind elements, unsure how tho)

templates/base.html

@@ -11,7 +11,6 @@
     <link type="text/css" rel="stylesheet" href="/static/css/tail.select.min.css">
     <script src="/static/js/tail.select.min.js"></script>
     <script src="/static/js/tailwindcss@3.2.4.js"></script>
-
     <link href="/static/css/style.css" rel="stylesheet">
     <script src="/static/js/htmx.min.js" defer></script>
     <script src="/static/js/hyperscript.min.js" defer></script>
@@ -127,7 +126,7 @@
             </div>
         </aside>
         <div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64">
-            <main id="main">
+            <main id="main" class="w-fit">
                 <div class="pt-6 px-4" id="container">
                     {% block content %}
                     {% endblock %}