diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index bd749425..c872e9f2 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -465,17 +465,7 @@ body.pushable > .pusher {
 /**
  * Filter
  */
-.ui.basic.white.button {
-    color: inherit;
-    background-color: #fff;
-}
-@media (prefers-color-scheme: dark) {
-    .ui.basic.white.button {
-        background-color: #222;
-    }
-}
-
-.ui.dropdown.filter.priority .ui.menu {
+.ui.dropdown.filter.priority .menu {
     z-index: calc(var(--dimmerZIndex) + 3);
 }
 
diff --git a/src/pages/changelog.php b/src/pages/changelog.php
index 40436b71..8014d245 100644
--- a/src/pages/changelog.php
+++ b/src/pages/changelog.php
@@ -93,6 +93,12 @@ $page->navigation();
                                         echo  __('Version number not being stored correctly causing the migration to execute the wrong script.');
                                     ?>
                                 </li>
+                                <li>
+                                    <?php
+                                        /** TRANSLATORS: Changelog: Fixed */
+                                        echo  __('Wishlist filter cut off on mobile');
+                                    ?>
+                                </li>
                             </ul>
                         </div>
 
diff --git a/src/pages/parts/wishlist-filter.php b/src/pages/parts/wishlist-filter.php
index e144182a..660ac047 100644
--- a/src/pages/parts/wishlist-filter.php
+++ b/src/pages/parts/wishlist-filter.php
@@ -14,13 +14,13 @@ $scriptPart = '/src/assets/js/parts/wishlist-filter.js';
     <div class="ui stackable grid">
         <div class="column">
 
-            <div class="ui labeled icon basic white button floating dropdown filter priority">
+            <div class="ui floating dropdown labeled icon button filter priority">
                 <input type="hidden" name="filters" />
 
                 <i class="filter icon"></i>
                 <span class="text"><?= __('Filter priorities') ?></span>
 
-                <div class="ui menu">
+                <div class="menu">
                     <div class="ui icon search input">
                         <i class="search icon"></i>
                         <input type="text" placeholder="<?= __('Search priorities') ?>" />
@@ -35,18 +35,20 @@ $scriptPart = '/src/assets/js/parts/wishlist-filter.js';
 
                     <div class="scrolling menu">
                         <div class="item" data-value="-1">
-                            <i class="small circle icon"></i>
+                            <i class="ui empty circular label"></i>
                             <?= __('All priorities') ?>
                         </div>
 
                         <div class="item" data-value="">
-                            <i class="small circle outline icon"></i>
+                            <i class="ui white empty circular label"></i>
                             <?= __('No priority') ?>
                         </div>
 
+                        <div class="divider"></div>
+
                         <?php foreach (Wish::$priorities as $number => $priority) { ?>
                             <div class="item" data-value="<?= $number ?>">
-                                <i class="small <?= $priority['color'] ?> circle icon"></i>
+                                <i class="ui <?= $priority['color'] ?> empty circular label"></i>
                                 <?= $priority['name'] ?>
                             </div>
                         <?php } ?>