From a229a0733e95ace7d1eab51f51001d3b633d8201 Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Mon, 19 May 2025 12:49:34 -0400
Subject: [PATCH 1/2] storybook: smaller last edited

---
 static/app/views/stories/storySourceLinks.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/static/app/views/stories/storySourceLinks.tsx b/static/app/views/stories/storySourceLinks.tsx
index 4e8e46eafec72a..f6ae7c6e39537c 100644
--- a/static/app/views/stories/storySourceLinks.tsx
+++ b/static/app/views/stories/storySourceLinks.tsx
@@ -1,4 +1,5 @@
 import {Fragment} from 'react';
+import styled from '@emotion/styled';
 
 import {LinkButton} from 'sentry/components/core/button/linkButton';
 import {DateTime} from 'sentry/components/dateTime';
@@ -24,15 +25,15 @@ export function StorySourceLinks(props: {story: StoryDescriptor}) {
       return response.json();
     },
   });
+
   const committerDate = data?.[0]?.commit.committer.date;
 
   return (
     <Fragment>
       {committerDate ? (
-        <Fragment>
-          Story Last Edited:
-          <DateTime date={committerDate} />
-        </Fragment>
+        <LastEdited>
+          Last Edited: <DateTime date={committerDate} />
+        </LastEdited>
       ) : null}
       <LinkButton
         href={`https://github.com/getsentry/sentry/blob/master/static/${props.story.filename}`}
@@ -55,3 +56,8 @@ export function StorySourceLinks(props: {story: StoryDescriptor}) {
     </Fragment>
   );
 }
+
+const LastEdited = styled('span')`
+  font-size: ${p => p.theme.fontSizeSmall};
+  color: ${p => p.theme.subText};
+`;

From db9a7d5c784d8c8c702e627272efd7241b135228 Mon Sep 17 00:00:00 2001
From: Jonas <jonas.badalic@sentry.io>
Date: Tue, 20 May 2025 09:04:59 -0400
Subject: [PATCH 2/2] Update static/app/views/stories/storySourceLinks.tsx

Co-authored-by: Dominik Dorfmeister <dominik.dorfmeister@sentry.io>
---
 static/app/views/stories/storySourceLinks.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/views/stories/storySourceLinks.tsx b/static/app/views/stories/storySourceLinks.tsx
index f6ae7c6e39537c..c11206a001a300 100644
--- a/static/app/views/stories/storySourceLinks.tsx
+++ b/static/app/views/stories/storySourceLinks.tsx
@@ -59,5 +59,5 @@ export function StorySourceLinks(props: {story: StoryDescriptor}) {
 
 const LastEdited = styled('span')`
   font-size: ${p => p.theme.fontSizeSmall};
-  color: ${p => p.theme.subText};
+  color: ${p => p.theme.tokens.content.muted};
 `;