diff --git a/public/index.html b/public/index.html
index 156f84d..1de63c6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -39,7 +39,9 @@
             <div class="provider-row" id="row-poe">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-poe.png" alt="POE" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-poe.png" alt="POE" class="provider-icon-img">
+                        </div>
                         <span class="provider-name">POE</span>
                     </div>
                     <div class="progress-container">
@@ -58,7 +60,10 @@
             <div class="provider-row" id="row-ag-gemini-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
+                            <span class="provider-icon-badge">5h</span>
+                        </div>
                         <span class="provider-name">AG Gemini (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -77,7 +82,10 @@
             <div class="provider-row" id="row-ag-gemini-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
+                            <span class="provider-icon-badge">7d</span>
+                        </div>
                         <span class="provider-name">AG Gemini (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -96,7 +104,10 @@
             <div class="provider-row" id="row-ag-claude-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
+                            <span class="provider-icon-badge">5h</span>
+                        </div>
                         <span class="provider-name">AG Claude (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -115,7 +126,10 @@
             <div class="provider-row" id="row-ag-claude-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
+                            <span class="provider-icon-badge">7d</span>
+                        </div>
                         <span class="provider-name">AG Claude (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -134,7 +148,10 @@
             <div class="provider-row" id="row-minimax-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
+                            <span class="provider-icon-badge">5h</span>
+                        </div>
                         <span class="provider-name">MiniMax (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -153,7 +170,10 @@
             <div class="provider-row" id="row-minimax-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
+                        <div class="provider-icon-wrap">
+                            <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
+                            <span class="provider-icon-badge">7d</span>
+                        </div>
                         <span class="provider-name">MiniMax (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -168,6 +188,7 @@
                 </div>
                 <div class="provider-details" id="details-minimax-weekly"></div>
             </div>
+
         </section>
 
 
diff --git a/public/style.css b/public/style.css
index 58343a2..62beb94 100644
--- a/public/style.css
+++ b/public/style.css
@@ -130,6 +130,29 @@ header p {
     flex-shrink: 0;
 }
 
+.provider-icon-wrap {
+    position: relative;
+    flex-shrink: 0;
+    width: 28px;
+    height: 28px;
+}
+
+.provider-icon-badge {
+    position: absolute;
+    bottom: -4px;
+    right: -6px;
+    background: #30363d;
+    color: #c9d1d9;
+    font-size: 9px;
+    font-weight: 700;
+    line-height: 1;
+    padding: 2px 3px;
+    border-radius: 3px;
+    border: 1px solid #444c56;
+    pointer-events: none;
+    white-space: nowrap;
+}
+
 .provider-name {
     font-weight: 600;
     font-size: 1.1em;