diff --git a/components/link-social/README.md b/components/link-social/README.md
index 763f5886981..a1994c9bbf3 100644
--- a/components/link-social/README.md
+++ b/components/link-social/README.md
@@ -1 +1 @@
-# Social Media Link
+# Link to Social Media
diff --git a/components/link-social/bem.stories.mdx b/components/link-social/bem.stories.mdx
index b7f2fce1cff..6a656e172b9 100644
--- a/components/link-social/bem.stories.mdx
+++ b/components/link-social/bem.stories.mdx
@@ -35,7 +35,7 @@ export const ListTemplate = ({ links }) =>
     },
     icon: {
       description: "Distance the element from adjacent content",
-      control: "boolean",
+      control: { type: "select" },
       options: [
         "utrecht-icon-facebook",
         "utrecht-icon-instagram",
@@ -58,12 +58,13 @@ export const ListTemplate = ({ links }) =>
   }}
 />
 
-# Social Media Link
+# Link to Social Media
 
 <Canvas>
   <Story
     name="Link to Social Media"
     args={{
+      distanced: false,
       href: "https://www.facebook.com/GemeenteUtrecht",
       icon: "utrecht-icon-facebook",
     }}
@@ -72,7 +73,7 @@ export const ListTemplate = ({ links }) =>
   </Story>
 </Canvas>
 
-<ArgsTable story="Social Media Link" />
+<ArgsTable story="Link to Social Media" />
 
 ## List