diff --git a/apps/lol_analytics_web/lib/lol_analytics_web/live/champion_live/components/champion_filters.ex b/apps/lol_analytics_web/lib/lol_analytics_web/live/champion_live/components/champion_filters.ex
index 6583e6d..f2c4320 100644
--- a/apps/lol_analytics_web/lib/lol_analytics_web/live/champion_live/components/champion_filters.ex
+++ b/apps/lol_analytics_web/lib/lol_analytics_web/live/champion_live/components/champion_filters.ex
@@ -30,7 +30,7 @@ defmodule LolAnalyticsWeb.ChampionLive.Components.ChampionFilters do
 
     ~H"""
     <div>
-      <div class="flex flex-row overflow-x-auto justify-between">
+      <div class="flex flex-row overflow-x-scroll sm:overflow-x-auto justify-between">
         <%= for role <- @roles do %>
           <%= if (assigns.selectedrole == role.value) do %>
             <div phx-click="filter" phx-value-role={role.title} class={selected_class}>