diff --git a/src/components/reader-player/Player.stories.tsx b/src/components/reader-player/Player.stories.tsx
index 1d9cb6591..353874ac7 100644
--- a/src/components/reader-player/Player.stories.tsx
+++ b/src/components/reader-player/Player.stories.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 import Player from "./Player";
 
@@ -7,10 +6,14 @@ const meta: Meta<typeof Player> = {
   component: Player,
   argTypes: {
     identifier: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Publizon identifier for a material (Do not use both identifier and orderId)"
     },
     orderId: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Place order id for a allready ordered material (Do not use both identifier and orderId)"
     }
   }
 };
@@ -20,10 +23,14 @@ export default meta;
 type Story = StoryObj<typeof Player>;
 
 export const WithIdentifier: Story = {
-  render: () => <Player identifier="9788702366600" />
+  args: {
+    identifier: "9788702366600"
+  }
 };
 
 // Works only if the matrial is reserved
 export const WithOrderId: Story = {
-  render: () => <Player orderId="" />
+  args: {
+    orderId: ""
+  }
 };
diff --git a/src/components/reader-player/Reader.stories.tsx b/src/components/reader-player/Reader.stories.tsx
index 9066d05dc..da36329fb 100644
--- a/src/components/reader-player/Reader.stories.tsx
+++ b/src/components/reader-player/Reader.stories.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 import Reader from "./Reader";
 
@@ -7,10 +6,14 @@ const meta: Meta<typeof Reader> = {
   component: Reader,
   argTypes: {
     identifier: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Publizon identifier for a material (Do not use both identifier and orderid)"
     },
     orderid: {
-      control: { type: "text" }
+      control: { type: "text" },
+      description:
+        "Place order id for a allready ordered material (Do not use both identifier and orderid)"
     }
   }
 };
@@ -20,10 +23,14 @@ export default meta;
 type Story = StoryObj<typeof Reader>;
 
 export const WithIdentifier: Story = {
-  render: () => <Reader identifier="9788793681095" />
+  args: {
+    identifier: "9788793681095"
+  }
 };
 
 // Works only if the matrial is reserved
 export const WithOrderId: Story = {
-  render: () => <Reader orderid="97cb3a6f-e23b-41ad-97ca-e939541feba7" />
+  args: {
+    orderid: ""
+  }
 };