diff --git a/templates/components/filter_bar.gohtml b/templates/components/filter_bar.gohtml
index 0afa8a7..2d2e5b8 100644
--- a/templates/components/filter_bar.gohtml
+++ b/templates/components/filter_bar.gohtml
@@ -67,7 +67,7 @@
           name="q"
         />
       </div>
-      <div class="flex max-h-72 flex-col overflow-y-auto py-1 scrollbar-hidden" id="studio-results" hx-get="/api/jikan/producers?page=1&limit=12" hx-trigger="load" hx-target="this" hx-swap="innerHTML" hx-push-url="false" hx-headers='{"Accept":"text/html"}'>
+      <div class="flex max-h-72 flex-col overflow-y-auto scrollbar-hidden" id="studio-results" hx-get="/api/jikan/producers?page=1&limit=12" hx-trigger="load" hx-target="this" hx-swap="innerHTML" hx-push-url="false" hx-headers='{"Accept":"text/html"}'>
       </div>
     </div>
   </ui-dropdown>
@@ -98,7 +98,7 @@
       </button>
     </div>
     <div data-content class="hidden absolute z-50 w-48 max-h-80 overflow-y-auto bg-background-button shadow-(--shadow-card) left-0 top-full mt-2 scrollbar-hidden">
-      <form action="/browse" method="GET" hx-get="/browse" hx-trigger="change" hx-target="#browse-content main" hx-select="#browse-content main" hx-swap="outerHTML" class="flex flex-col py-1">
+      <form action="/browse" method="GET" hx-get="/browse" hx-trigger="change" hx-target="#browse-content main" hx-select="#browse-content main" hx-swap="outerHTML" class="flex flex-col">
         <input type="hidden" name="q" value="{{.Query}}">
         {{if .Studio}}<input type="hidden" name="studio" value="{{.Studio}}">{{end}}
         {{if .Type}}<input type="hidden" name="type" value="{{.Type}}">{{end}}
@@ -129,7 +129,7 @@
       </button>
     </div>
     <div data-content class="hidden absolute z-50 w-40 bg-background-button rounded-none shadow-(--shadow-card) left-0 top-full mt-2 ">
-      <div class="flex flex-col py-1">
+      <div class="flex flex-col">
         {{range $statusOptions}}
           <a href='{{browseURL $ (dict "status" .Value)}}' class="flex w-full items-center px-5 py-2.5 transition-colors focus:outline-none hover:bg-surface-hover text-sm text-foreground">{{.Label}}</a>
         {{end}}
@@ -145,7 +145,7 @@
       </button>
     </div>
     <div data-content class="hidden absolute z-50 w-40 bg-background-button rounded-none shadow-(--shadow-card) left-0 top-full mt-2 ">
-      <div class="flex flex-col py-1">
+      <div class="flex flex-col">
         {{range $typeOptions}}
           <a href='{{browseURL $ (dict "type" .Value)}}' class="flex w-full items-center px-5 py-2.5 transition-colors focus:outline-none hover:bg-surface-hover text-sm text-foreground">{{.Label}}</a>
         {{end}}
@@ -162,7 +162,7 @@
         </button>
       </div>
       <div data-content class="hidden absolute z-50 w-48 bg-background-button rounded-none shadow-(--shadow-card) left-0 top-full mt-2 ">
-        <div class="flex flex-col py-1">
+        <div class="flex flex-col">
           {{range $sortOptions}}
             <a href='{{browseURL $ (dict "order_by" .Value)}}' class="flex w-full items-center px-5 py-2.5 transition-colors focus:outline-none hover:bg-surface-hover text-sm text-foreground">{{.Label}}</a>
           {{end}}
diff --git a/templates/components/video_player.gohtml b/templates/components/video_player.gohtml
index 0a240ab..95ef33e 100644
--- a/templates/components/video_player.gohtml
+++ b/templates/components/video_player.gohtml
@@ -56,7 +56,7 @@
               </button>
             </div>
             <div data-content class="hidden absolute z-50 w-64 bg-background-button rounded-none shadow-(--shadow-card) ring-1 ring-black/10 right-0 bottom-full mb-2">
-              <div class="flex flex-col py-1">
+              <div class="flex flex-col">
                 <div class="flex items-center justify-between px-5 py-2.5">
                   <span class="text-[15px] font-normal text-foreground">Autoplay</span>
                   <label class="relative inline-flex cursor-pointer items-center">
@@ -72,7 +72,7 @@
                   </label>
                 </div>
                 <div class="my-1 h-px w-full bg-white/10"></div>
-                <div class="py-1">
+                <div>
                   <span class="mb-1 block px-5 text-xs font-normal tracking-wider text-foreground-muted">Audio / Subtitles</span>
                   <div class="flex flex-col">
                     <button data-mode-dub data-unstyled-button class="flex items-center justify-between px-5 py-2.5 text-left transition-colors hover:bg-surface-hover text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
diff --git a/templates/components/watchlist_actions.gohtml b/templates/components/watchlist_actions.gohtml
index b8ecb6c..3779d05 100644
--- a/templates/components/watchlist_actions.gohtml
+++ b/templates/components/watchlist_actions.gohtml
@@ -22,7 +22,7 @@
     </div>
 
     <div data-content class="hidden absolute z-50 min-w-40 bg-background-button rounded-none shadow-(--shadow-card) left-0 top-full mt-2">
-      <div class="flex flex-col py-1">
+      <div class="flex flex-col">
         <button
           data-unstyled-button
           data-watchlist-update
diff --git a/templates/watch.gohtml b/templates/watch.gohtml
index 303b38c..fa37560 100644
--- a/templates/watch.gohtml
+++ b/templates/watch.gohtml
@@ -51,7 +51,7 @@
             </button>
           </div>
           <div data-content class="hidden absolute z-50 right-0 bottom-full mb-2 min-w-40 bg-background-button shadow-(--shadow-card) ring-1 ring-black/10">
-            <div class="flex flex-col py-1">
+            <div class="flex flex-col">
               <button
                 data-unstyled-button
                 data-watchlist-update
@@ -115,7 +115,7 @@
             </button>
           </div>
           <div data-content class="hidden absolute z-50 right-0 bottom-full mb-2 min-w-55 bg-background-button shadow-(--shadow-card) ring-1 ring-black/10">
-            <div class="flex flex-col py-1">
+            <div class="flex flex-col">
               <button type="button" data-segment-editor-toggle class="flex w-full items-center px-4 py-2.5 text-left text-sm font-normal text-foreground-muted transition-colors hover:bg-surface-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
                 Add missing segment
               </button>
@@ -145,7 +145,7 @@
                   </button>
                 </div>
                 <div data-content class="hidden absolute z-50 top-full mt-1 left-0 w-full bg-background-button shadow-(--shadow-card) ring-1 ring-black/10">
-                  <div class="flex flex-col py-1">
+                  <div class="flex flex-col">
                     <button type="button" data-segment-type-option data-value="ed" class="flex w-full items-center justify-between px-4 py-2.5 text-left transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
                       <span class="text-sm font-normal text-foreground">Ending (ED)</span>
                     </button>
@@ -203,7 +203,7 @@
             </button>
           </div>
           <div data-content class="hidden absolute z-50 top-full mt-1 left-0 w-full bg-background-button shadow-(--shadow-card) ring-1 ring-black/10 max-h-64 overflow-y-auto scrollbar-hidden lg:scrollbar-thin lg:[scrollbar-color:var(--scrollbar-thumb)_var(--scrollbar-track)] lg:[&::-webkit-scrollbar]:block lg:[&::-webkit-scrollbar]:h-2 lg:[&::-webkit-scrollbar-track]:bg-(--scrollbar-track) lg:[&::-webkit-scrollbar-track]:rounded-none lg:[&::-webkit-scrollbar-thumb]:bg-(--scrollbar-thumb) lg:[&::-webkit-scrollbar-thumb]:rounded-none lg:[&::-webkit-scrollbar-thumb:hover]:bg-(--scrollbar-thumb-hover)">
-            <div class="flex flex-col py-1">
+            <div class="flex flex-col">
               {{range .Seasons}}
                 <a href="/anime/{{.MalID}}/watch" class="px-4 py-2 text-left text-sm {{if .IsCurrent}}text-accent bg-accent/10{{else}}text-foreground-muted hover:bg-surface-hover{{end}} transition-colors">
                   <span class="font-normal text-foreground mr-1">{{.Prefix}}:</span>
@@ -239,7 +239,7 @@
                 </button>
               </div>
               <div data-content class="hidden absolute z-50 top-full mt-1 left-0 min-w-50 bg-background-button shadow-(--shadow-card) ring-1 ring-black/10">
-                <div class="flex flex-col py-1">
+                <div class="flex flex-col">
                   {{$ranges := ceilDiv $totalEpisodes 100}}
                   {{range $i := seq $ranges}}
                     {{$start := imul $i 100}}
diff --git a/templates/watchlist.gohtml b/templates/watchlist.gohtml
index 939027a..93a0257 100644
--- a/templates/watchlist.gohtml
+++ b/templates/watchlist.gohtml
@@ -31,7 +31,7 @@
           </button>
         </div>
 	        <div data-content class="hidden absolute z-50 min-w-37.5 bg-background-button rounded-none shadow-(--shadow-card) ring-1 ring-black/10 right-0 top-full mt-2">
-	          <div class="flex flex-col py-1">
+	          <div class="flex flex-col">
 	            <button data-watchlist-sort="date" class="flex w-full items-center px-4 py-2 text-sm font-normal text-foreground transition-colors hover:bg-surface-hover focus-visible:ring-1 focus-visible:ring-accent">Date Added</button>
 	            <button data-watchlist-sort="title" class="flex w-full items-center px-4 py-2 text-sm font-normal text-foreground-muted transition-colors hover:bg-surface-hover hover:text-foreground focus-visible:ring-1 focus-visible:ring-accent">Title</button>
 	          </div>