diff --git a/styles/less/ux/tooltip/bordered-tooltip.less b/styles/less/ux/tooltip/bordered-tooltip.less
index 18bcd13f..b3a5ed29 100644
--- a/styles/less/ux/tooltip/bordered-tooltip.less
+++ b/styles/less/ux/tooltip/bordered-tooltip.less
@@ -48,6 +48,31 @@
             flex-direction: column;
             text-align: center;
             margin-top: 0.5rem;
+            width: 100%;
+
+            &::before,
+            &::after {
+                content: '';
+                background: var(--golden, #f3c267);
+                mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
+                height: 2px;
+                width: calc(100% - 10px);
+            }
+
+            &::before {
+                margin-bottom: 8px;
+            }
+
+            &::after {
+                margin-top: 8px;
+            }
+
+            .duration-inner-container {
+                display: flex;
+                justify-content: center;
+                gap: 2px;
+                width: 100%;
+            }
         }
     }
 }
diff --git a/templates/ui/tooltip/effect-display.hbs b/templates/ui/tooltip/effect-display.hbs
index efbbb1c0..d37b5147 100644
--- a/templates/ui/tooltip/effect-display.hbs
+++ b/templates/ui/tooltip/effect-display.hbs
@@ -17,9 +17,12 @@
     {{/if}}
 
     {{#if effect.system.duration.type}}
+
         <div class="duration-container">
-            <strong>{{localize "EFFECT.DURATION.Label"}}</strong>
-            <span>{{localize (concat "DAGGERHEART.CONFIG.ActiveEffectDuration." effect.system.duration.type )}}</span>
+            <div class="duration-inner-container">
+                <span>{{localize "EFFECT.DURATION.Label"}}:</span>
+                <span>{{localize (concat "DAGGERHEART.CONFIG.ActiveEffectDuration." effect.system.duration.type )}}</span>
+            </div>
         </div>
     {{/if}}