diff --git a/web_src/fomantic/build/components/dropdown.css b/web_src/fomantic/build/components/dropdown.css
index 58bdd8e16b..4a654107ac 100644
--- a/web_src/fomantic/build/components/dropdown.css
+++ b/web_src/fomantic/build/components/dropdown.css
@@ -1173,6 +1173,11 @@ select.ui.dropdown {
   border-radius: 0.28571429rem !important;
 }
 
+/* GITEA-PATCH: gitea also have "right menu" support */
+.ui.dropdown > .right.menu {
+  left: auto;
+  right: 0;
+}
 /* Leftward Opening Menu */
 .ui.dropdown > .left.menu {
   left: auto !important;
@@ -1367,7 +1372,7 @@ select.ui.dropdown {
 }
 .ui.simple.dropdown .menu {
   position: absolute;
-  
+
 /* IE hack to make dropdown icons appear inline */
   display: -ms-inline-flexbox !important;
   display: block;
diff --git a/web_src/js/components/RepoContributors.vue b/web_src/js/components/RepoContributors.vue
index b725f272a7..7d4131a34d 100644
--- a/web_src/js/components/RepoContributors.vue
+++ b/web_src/js/components/RepoContributors.vue
@@ -354,11 +354,11 @@ export default defineComponent({
       <div>
         <!-- Contribution type -->
         <div class="ui dropdown jump" id="repo-contributors">
-          <div class="ui basic compact button">
+          <div class="ui basic compact button tw-mr-0">
             <span class="not-mobile">{{ locale.filterLabel }}</span> <strong>{{ locale.contributionType[type] }}</strong>
             <svg-icon name="octicon-triangle-down" :size="14"/>
           </div>
-          <div class="menu">
+          <div class="right menu">
             <div :class="['item', {'selected': type === 'commits'}]" data-value="commits">
               {{ locale.contributionType.commits }}
             </div>