diff --git a/src/app/thumbnail/thumbnail.component.scss b/src/app/thumbnail/thumbnail.component.scss
index 056b3db8cf..cb75e38d8c 100644
--- a/src/app/thumbnail/thumbnail.component.scss
+++ b/src/app/thumbnail/thumbnail.component.scss
@@ -34,7 +34,6 @@ img {
       justify-content: center;
       align-items: center;
       text-align: center;
-      font-size: 14px;
     }
   }
 }
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 058a94138d..2dccd7e2d4 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -238,6 +238,14 @@ ds-dynamic-form-control-container.d-none {
 
 .thumb-font-3 {
     .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.875rem;
+            padding: 0.1rem;
+        }
         font-size: 1.25rem;
         padding: 0.5rem;
     }