From c6e1ba7fabfde7b996c8d9adb0d2ec9f3b1099d1 Mon Sep 17 00:00:00 2001
From: Jay Bhatt <jay.bhatt@razorpay.com>
Date: Tue, 4 Jan 2022 19:51:20 +0530
Subject: [PATCH] fix: corrected nested styling for `titled-content`

# Issue Reference below
https://github.com/hypertrace/hypertrace-ui/issues/1298
---
 .../src/titled-content/titled-content.component.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/projects/components/src/titled-content/titled-content.component.scss b/projects/components/src/titled-content/titled-content.component.scss
index d6266418d..1b504e99e 100644
--- a/projects/components/src/titled-content/titled-content.component.scss
+++ b/projects/components/src/titled-content/titled-content.component.scss
@@ -71,14 +71,14 @@
   .footer {
     .title {
       margin-top: 8px;
-    }
 
-    &.regular {
-      @include overline($gray-4);
-    }
+      &.regular {
+        @include overline($gray-4);
+      }
 
-    &.grayed-out {
-      @include overline($gray-5);
+      &.grayed-out {
+        @include overline($gray-5);
+      }
     }
   }
 }