diff --git a/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts b/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts
index 46dd9d2313..98296bc472 100644
--- a/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts
+++ b/packages/components/clipboard/src/components/osds-clipboard/core/controller.ts
@@ -39,12 +39,12 @@ class OdsClipboardController {
     }
   }
 
-  checkForClickOutside(event: any): void {
-    if (this.component.el.contains(event.target) || this.component.surface === undefined || !this.component.surface.opened) {
+  checkForClickOutside(event: MouseEvent): void {
+    if (this.component.el.contains(event.target as Node) || this.component.surface === undefined || !this.component.surface.opened) {
       return;
-    } else {
-      this.closeSurface();
     }
+
+    this.closeSurface();
   }
 }
 
diff --git a/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts b/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts
index 698363c1bf..87ba6a0d37 100644
--- a/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts
+++ b/packages/storybook/stories/components/clipboard/clipboard.web-components.stories.ts
@@ -40,6 +40,8 @@ const TemplateDefault = (args:any) => {
   return html`
     <osds-clipboard ...=${getTagAttributes(args)} @keydown=${(e: KeyboardEvent) => e.stopPropagation()}>
       Clipboard
+      <span slot='success-message'>Success</span>
+      <span slot='error-message'>Error</span>
     </osds-clipboard>
   `;
 }