From e06db4cbab7da971b9cac685ae40383196de8acc Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Fri, 20 Dec 2024 15:50:27 -0300
Subject: [PATCH] Adding treatment for the use of the thumb-font-2 class

---
 src/styles/_global-styles.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 681dafbe7e..93c67ea342 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -208,10 +208,18 @@ ds-dynamic-form-control-container.d-none {
 }
 
 .thumb-font-2 {
-    .thumbnail-placeholder {
-        font-size: 0.9rem;
-        padding: 0.125rem;
+  .thumbnail-placeholder {
+    @media screen and (max-width: map-get($grid-breakpoints, sm)) {
+      font-size: 0.4rem;
+      padding: 0.1rem;
     }
+    @media screen and (min-width: map-get($grid-breakpoints, sm)) and (max-width: map-get($grid-breakpoints, lg)) {
+        font-size: 0.8rem;
+        padding: 0.1rem;
+    }
+    font-size: 1.25rem;
+    padding: 0.5rem;
+}
 }
 
 .thumb-font-3 {