diff --git a/cmd/dcrdata/views/address.tmpl b/cmd/dcrdata/views/address.tmpl
index c9385d6f0..be63c5f17 100644
--- a/cmd/dcrdata/views/address.tmpl
+++ b/cmd/dcrdata/views/address.tmpl
@@ -131,7 +131,7 @@
               <div class="btn-set secondary-card d-inline-flex flex-nowrap mx-2">
                 <label>Chart</label>
                 <select
-                    class="chart-box d-inline-flex"
+                    class="chart-box d-inline-flex dropdown"
                     data-address-target="options"
                     data-action="change->address#changeGraph"
                 >
@@ -270,7 +270,7 @@
                 name="txntype"
                 data-address-target="txntype"
                 data-action="change->address#changeTxType"
-                class="form-control-sm mb-2 me-sm-2 mb-sm-0"
+                class="form-control-sm mb-2 me-sm-2 mb-sm-0 dropwdown"
               >
                   <option {{if eq $txType "all"}}selected{{end}} value="all">All</option>
                   <option {{if eq $txType "unspent"}}selected{{end}} value="unspent">Unspent</option>
@@ -288,7 +288,7 @@
                   id="pagesize"
                   data-address-target="pagesize"
                   data-action="change->address#changePageSize"
-                  class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $TxnCount 20}}disabled{{end}}"
+                  class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $TxnCount 20}}disabled{{end}} dropdown"
                   {{- if lt $TxnCount 20}} disabled{{end}}
               >
               {{- $Txlen := len .Transactions}}
diff --git a/cmd/dcrdata/views/attackcost.tmpl b/cmd/dcrdata/views/attackcost.tmpl
index 4f0f9df58..572242947 100644
--- a/cmd/dcrdata/views/attackcost.tmpl
+++ b/cmd/dcrdata/views/attackcost.tmpl
@@ -178,7 +178,7 @@
                   <span class="text-secondary fs13">Attack Type</span>
                   <br>
                   <select
-                    class="form-control chart-form-control"
+                    class="form-control chart-form-control dropdown"
                     data-action="attackcost#chooseAttackType"
                     data-attackcost-target="attackType">
                     <option data-attackcost-target="attackTypeDesc" value="external">External</option>
@@ -202,7 +202,7 @@
                 <div class="d-flex w-100">
                   <span class="align-self-center me-1 text-nowrap">Mining Device:</span>
                   <select
-                    class="form-control chart-form-control text-truncate min-w-0"
+                    class="form-control chart-form-control text-truncate min-w-0 dropdown"
                     data-action="attackcost#chooseDevice"
                     data-attackcost-target="device"
                   >
diff --git a/cmd/dcrdata/views/charts.tmpl b/cmd/dcrdata/views/charts.tmpl
index 1224d1544..ea16a9a8f 100644
--- a/cmd/dcrdata/views/charts.tmpl
+++ b/cmd/dcrdata/views/charts.tmpl
@@ -25,7 +25,7 @@
                     <div class="chart-control">
                         <select
                             id="selectBox"
-                            class="form-control chart-form-control"
+                            class="form-control chart-form-control dropdown"
                             data-charts-target="chartSelect"
                             data-action="charts#selectChart"
                         >
diff --git a/cmd/dcrdata/views/market.tmpl b/cmd/dcrdata/views/market.tmpl
index c54a34906..17d33c6fe 100644
--- a/cmd/dcrdata/views/market.tmpl
+++ b/cmd/dcrdata/views/market.tmpl
@@ -143,7 +143,7 @@
                 <div class="btn-set bg-white d-inline-flex flex-nowrap mx-2 mx-lg-4">
                     <label>Chart</label>
                     <select
-                        class="chart-box d-inline-flex"
+                        class="chart-box d-inline-flex dropdown"
                         data-market-target="chartSelect"
                         data-action="change->market#changeGraph"
                     >
diff --git a/cmd/dcrdata/views/proposals.tmpl b/cmd/dcrdata/views/proposals.tmpl
index 67b9553af..b8aa82b01 100644
--- a/cmd/dcrdata/views/proposals.tmpl
+++ b/cmd/dcrdata/views/proposals.tmpl
@@ -25,7 +25,7 @@
                             <label class="mb-0 me-1">Vote Status</label>
                             <select
                                 id="votestatus"
-                                class="form-control-sm mb-2 me-sm-2 mb-sm-0"
+                                class="form-control-sm mb-2 me-sm-2 mb-sm-0 dropdown"
                                 data-pagenavigation-target="votestatus"
                                 data-action="change->pagenavigation#setFilterbyVoteStatus"
                             >
@@ -60,7 +60,7 @@
                                 data-action="change->pagenavigation#setPageSize"
                                 data-offset="{{$.Offset}}"
                                 data-offsetkey="offset"
-                                class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $pending 20}}disabled{{end}}"
+                                class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $pending 20}}disabled{{end}} dropdown"
                                 {{if lt $pending 20}}disabled="disabled"{{end}}
                             >
                             {{if ge $pending 20}}<option {{if eq $count 20}}selected{{end}} value="20">20</option>{{end}}
diff --git a/cmd/dcrdata/views/treasury.tmpl b/cmd/dcrdata/views/treasury.tmpl
index 6c5ad60e0..8546b1af6 100644
--- a/cmd/dcrdata/views/treasury.tmpl
+++ b/cmd/dcrdata/views/treasury.tmpl
@@ -84,7 +84,7 @@
               <div class="btn-set secondary-card d-inline-flex flex-nowrap mx-2">
                 <label>Chart</label>
                 <select
-                  class="chart-box d-inline-flex"
+                  class="chart-box d-inline-flex dropdown"
                   data-address-target="options"
                   data-action="change->address#changeGraph"
                 >
@@ -283,7 +283,7 @@
               name="txntype"
               data-address-target="txntype"
               data-action="change->address#changeTxType"
-              class="form-control-sm mb-2 me-sm-2 mb-sm-0"
+              class="form-control-sm mb-2 me-sm-2 mb-sm-0 dropwdown"
             >
               <option {{if eq $txType "all"}}selected{{end}} value="all">All</option>
               <option {{if eq $txType "tspend"}}selected{{end}} value="tspend">Spend</option>
@@ -298,7 +298,7 @@
               id="pagesize"
               data-address-target="pagesize"
               data-action="change->address#changePageSize"
-              class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $TxnCount 20}}disabled{{end}}"
+              class="form-control-sm mb-2 me-sm-2 mb-sm-0 {{if lt $TxnCount 20}}disabled{{end}} dropdown"
               {{- if lt $TxnCount 20}} disabled{{end}}
             >
             {{- $Txlen := len .Transactions}}