fix(AlertBox): don't override a

Author: avivkeller

packages/ui-components/Common/AlertBox/index.module.css

@@ -11,17 +11,6 @@
     text-sm
     text-white;
 
-  a {
-    @apply font-bold
-      text-white
-      underline
-      hover:text-white;
-
-    &:hover {
-      @apply no-underline;
-    }
-  }
-
   &.small {
     @apply gap-1
       py-2

packages/ui-components/Common/AlertBox/index.stories.tsx

@@ -6,6 +6,12 @@ import AlertBox from '#ui/Common/AlertBox';
 type Story = StoryObj<typeof AlertBox>;
 type Meta = MetaObj<typeof AlertBox>;
 
+const withMain = (args: React.ComponentProps<typeof AlertBox>) => (
+  <main>
+    <AlertBox {...args} />
+  </main>
+);
+
 export const Info: Story = {
   args: {
     level: 'info',
@@ -46,6 +52,23 @@ export const Danger: Story = {
   },
 };
 
+export const InMarkdown: Story = {
+  args: {
+    level: 'danger',
+    title: '0',
+    children: (
+      <>
+        <code>Code renders correctly,</code>{' '}
+        <a href="#">
+          <code>even when in a link</code>
+        </a>
+      </>
+    ),
+    size: 'default',
+  },
+  render: withMain,
+};
+
 export const WithIcon: Story = {
   args: {
     level: 'info',