Fix icon orientation

1 files changed, 4 insertions, 2 deletions

diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro
index ef843d6..5f573fc 100644
--- a/src/components/SocialIcons.astro
+++ b/src/components/SocialIcons.astro
@@ -2,17 +2,19 @@
 import Link from '@/components/Link.astro'
 import { buttonVariants } from '@/components/ui/button'
 import { ICON_MAP } from '@/consts'
+import { cn } from '@/lib/utils'
 import type { SocialLink } from '@/types'
 import { Icon } from 'astro-icon/components'
 
 interface Props {
   links: SocialLink[]
+  class?: string
 }
 
-const { links } = Astro.props
+const { links, class: classNames } = Astro.props
 ---
 
-<ul class="flex flex-col flex-wrap gap-2" role="list">
+<ul class={cn('flex flex-wrap gap-2', classNames)} role="list">
   {
     links.map(({ href, label }) => (
       <li>