style: using overflow-hidden

Author: rzzf

app/components/Package/DownloadAnalytics.vue

@@ -952,12 +952,14 @@ const chartConfig = computed(() => {
             {{ $t('package.downloads.granularity') }}
           </label>
 
-          <div class="flex items-center bg-bg-subtle border border-border rounded-md">
+          <div
+            class="flex items-center bg-bg-subtle border border-border rounded-md overflow-hidden"
+          >
             <select
               id="granularity"
               v-model="selectedGranularity"
               :disabled="pending"
-              class="w-full px-2.5 py-1.75 font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
+              class="w-full px-2.5 py-1.75 bg-bg-subtle font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
             >
               <option value="daily">{{ $t('package.downloads.granularity_daily') }}</option>
               <option value="weekly">{{ $t('package.downloads.granularity_weekly') }}</option>