diff --git a/code/core/src/components/components/Tabs/EmptyTabContent.tsx b/code/core/src/components/components/Tabs/EmptyTabContent.tsx
index 8b8b88b53e37..8cdc5c0100ce 100644
--- a/code/core/src/components/components/Tabs/EmptyTabContent.tsx
+++ b/code/core/src/components/components/Tabs/EmptyTabContent.tsx
@@ -27,6 +27,10 @@ const Title = styled.div(({ theme }) => ({
   color: theme.color.defaultText,
 }));
 
+const Footer = styled.div(({ theme }) => ({
+  fontSize: theme.typography.size.s2 - 1,
+}));
+
 const Description = styled.div(({ theme }) => ({
   fontWeight: theme.typography.weight.regular,
   fontSize: theme.typography.size.s2 - 1,
@@ -47,7 +51,7 @@ export const EmptyTabContent = ({ title, description, footer }: Props) => {
         <Title>{title}</Title>
         {description && <Description>{description}</Description>}
       </Content>
-      {footer}
+      {footer && <Footer>{footer}</Footer>}
     </Wrapper>
   );
 };
diff --git a/code/core/src/components/components/addon-panel/addon-panel.tsx b/code/core/src/components/components/addon-panel/addon-panel.tsx
index 97003ff63822..9304980f4ff8 100644
--- a/code/core/src/components/components/addon-panel/addon-panel.tsx
+++ b/code/core/src/components/components/addon-panel/addon-panel.tsx
@@ -28,9 +28,10 @@ export interface AddonPanelProps {
   hasScrollbar?: boolean;
 }
 
-const Div = styled.div({
+const Div = styled.div(({ theme }) => ({
+  fontSize: theme.typography.size.s2 - 1,
   height: '100%',
-});
+}));
 
 export const AddonPanel = ({ active, children, hasScrollbar = true }: AddonPanelProps) => {
   return (