diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1924c967..d8372119 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -16,8 +16,8 @@ jobs:
     - name: Set up Elixir
       uses: erlef/setup-beam@v1
       with:
-        elixir-version: '1.14.2' # Define the elixir version [required]
-        otp-version: '25.1.2' # Define the OTP version [required]
+        elixir-version: '1.17.3' # Define the elixir version [required]
+        otp-version: '26.2' # Define the OTP version [required]
     - name: Restore dependencies cache
       uses: actions/cache@v2
       with:
diff --git a/lib/counter_web/live/counter_component.ex b/lib/counter_web/live/counter_component.ex
index 239ad902..eacc54ba 100644
--- a/lib/counter_web/live/counter_component.ex
+++ b/lib/counter_web/live/counter_component.ex
@@ -9,6 +9,7 @@ defmodule CounterComponent do
   def render(assigns) do
     ~H"""
     <div class="text-center">
+      <!-- bg-green-500 hover:bg-green-600 bg-red-500 hover:bg-red-600 -->
       <h1 class="text-4xl font-bold text-center">Counter: <%= @val %></h1>
       <button phx-click="dec" class={btn("red")}>
         -