diff --git a/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts b/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
index cfd2a8da..4fc26b5d 100644
--- a/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
+++ b/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
@@ -14,6 +14,38 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Default: Story = {
-  args: { title: 'Sync Status', total: 113220, value: 50000 },
+export const ExecutionClient: Story = {
+  args: { title: 'Execution Client', value: 123.424, total: 170, isTop: true },
+}
+
+export const ConsensusClient: Story = {
+  args: { title: 'Consensus Client', value: 123.424, total: 170, isTop: false },
+}
+
+export const WithoutTitle: Story = {
+  args: { title: '', value: 123.424, total: 170 },
+}
+
+export const WithZeroValue: Story = {
+  args: { title: 'Consensus Client', value: 0, total: 170 },
+}
+
+export const WithZeroTotal: Story = {
+  args: { title: 'Consensus Client', value: 123.424, total: 0 },
+}
+
+export const WithZeroValueAndTotal: Story = {
+  args: { title: 'Consensus Client', value: 0, total: 0 },
+}
+
+export const WithoutValues: Story = {
+  args: { title: '', value: 0, total: 0 },
+}
+
+export const WithTopBorders: Story = {
+  args: { title: '', value: 0, total: 0, isTop: true },
+}
+
+export const WithBottomBorders: Story = {
+  args: { title: '', value: 0, total: 0, isTop: false },
 }