diff --git a/front_end_portserver/src/components/main/cardInstrument/StatusCardv1.tsx b/front_end_portserver/src/components/main/cardInstrument/StatusCardv1.tsx
index 56dd4c2..03222ed 100644
--- a/front_end_portserver/src/components/main/cardInstrument/StatusCardv1.tsx
+++ b/front_end_portserver/src/components/main/cardInstrument/StatusCardv1.tsx
@@ -1,6 +1,6 @@
 import '../../../../app/global.css'
 import { StatusTransferv1 } from './StatusTransferv1';
-import { StatusOnlinev1 } from './Statusonlinev1';
+import { StatusOnlinev1 } from './StatusOnlinev1';
 
 interface StatusCardProps {
     isOnline?: boolean;
diff --git a/front_end_portserver/src/components/main/cardInstrument/TypeCardv1.tsx b/front_end_portserver/src/components/main/cardInstrument/TypeCardv1.tsx
index db9f29d..ea57ec2 100644
--- a/front_end_portserver/src/components/main/cardInstrument/TypeCardv1.tsx
+++ b/front_end_portserver/src/components/main/cardInstrument/TypeCardv1.tsx
@@ -1,5 +1,4 @@
 import '../../../../app/global.css'
-import { Badge } from "@/components/ui/badge"
 
 interface TypeCardv1Props {
     titleType?: string;
@@ -14,9 +13,9 @@ export const TypeCardv1 = ({
 }: TypeCardv1Props) => {
     return (
         <>
-            <Badge variant="secondary" className='mb-2 bg-teal-400 bg-opacity-25 text-teal-400 group-hover:bg-opacity-25 group-hover:text-teal-400 inline-block px-2 py-1 rounded-md text-center font-public-sans text-xs font-bold'>
+            <span className="inline-block mb-2 bg-teal-400 bg-opacity-25 text-teal-400 px-2 py-1 rounded-md text-center font-public-sans text-xs font-bold">
                 {props.titleType}
-            </Badge>
+            </span>
         </>
     );
 };
diff --git a/front_end_portserver/src/stories/cardInstrument/CardInstrument.stories.ts b/front_end_portserver/src/stories/cardInstrument/CardInstrument.stories.ts
index d543ae7..1dca81e 100644
--- a/front_end_portserver/src/stories/cardInstrument/CardInstrument.stories.ts
+++ b/front_end_portserver/src/stories/cardInstrument/CardInstrument.stories.ts
@@ -25,7 +25,13 @@ export const rs232CobasOnlineNoTransfer: Story = {
     titleAlat: 'COBAS 800',
     type: 'rs232',
     lampu: true,
-    online: true
+    online: true,
+    typeDetail: {
+      speedValue: '800',
+      dataBitValue: 'N',
+      parityValue: '',
+      stopBitValue: '1'
+    }
   },
 };
 
@@ -35,7 +41,13 @@ export const rs232CobasOnlineTransfer: Story = {
     titleAlat: 'COBAS 800',
     type: 'rs232',
     lampu: false,
-    online: true
+    online: true,
+    typeDetail: {
+      speedValue: '800',
+      dataBitValue: 'N',
+      parityValue: '',
+      stopBitValue: '1'
+    }
   },
 };
 
@@ -45,7 +57,13 @@ export const rs232CobasOfflineTransfer: Story = {
     titleAlat: 'COBAS 800',
     type: 'rs232',
     lampu: false,
-    online: false
+    online: false,
+    typeDetail: {
+      speedValue: '800',
+      dataBitValue: 'N',
+      parityValue: '',
+      stopBitValue: '1'
+    }
   },
 };
 
@@ -55,7 +73,11 @@ export const ipclientMindrayBC800OnlineNoTransfer: Story = {
     titleAlat: 'Mindray BC800',
     type: 'ipclient',
     lampu: true,
-    online: true
+    online: true,
+    typeDetail: {
+      hostValue: "192.168.10.10",
+      portValue: "5001"
+    }
   },
 };
 
@@ -65,7 +87,11 @@ export const ipclientMindrayBC800OnlineTransfer: Story = {
     titleAlat: 'Mindray BC800',
     type: 'ipclient',
     lampu: false,
-    online: true
+    online: true,
+    typeDetail: {
+      hostValue: "192.168.10.10",
+      portValue: "5001"
+    }
   },
 };
 
@@ -75,7 +101,11 @@ export const ipclientMindrayBC800OfflineTransfer: Story = {
     titleAlat: 'Mindray BC800',
     type: 'ipclient',
     lampu: false,
-    online: false
+    online: false,
+    typeDetail: {
+      hostValue: "192.168.10.10",
+      portValue: "5001"
+    }
   },
 };
 
@@ -85,7 +115,10 @@ export const ipserverMindrayBC240OnlineNoTransfer: Story = {
     titleAlat: 'Mindray BC240',
     type: 'ipserver',
     lampu: true,
-    online: true
+    online: true,
+    typeDetail: {
+      listeningPortValue:"8001"
+    }
   },
 };
 
@@ -95,7 +128,10 @@ export const ipserverMindrayBC240OnlineTransfer: Story = {
     titleAlat: 'Mindray BC240',
     type: 'ipserver',
     lampu: false,
-    online: true
+    online: true,
+    typeDetail:{
+      listeningPortValue:"8001"
+    }
   },
 };
 
@@ -105,6 +141,9 @@ export const ipserverMindrayBC240OfflineTransfer: Story = {
     titleAlat: 'Mindray BC240',
     type: 'ipserver',
     lampu: false,
-    online: false
+    online: false,
+    typeDetail:{
+      listeningPortValue:"8001"
+    }
   },
 };
diff --git a/front_end_portserver/src/stories/instrumentBox/InstrumentBox.stories.ts b/front_end_portserver/src/stories/instrumentBox/InstrumentBox.stories.ts
index 110f606..29f50c6 100644
--- a/front_end_portserver/src/stories/instrumentBox/InstrumentBox.stories.ts
+++ b/front_end_portserver/src/stories/instrumentBox/InstrumentBox.stories.ts
@@ -35,7 +35,7 @@ export const Instrument1Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
     ],
@@ -55,7 +55,7 @@ export const Instrument2Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
       {
@@ -66,7 +66,7 @@ export const Instrument2Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
     ],
@@ -86,7 +86,7 @@ export const Instrument3Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
       {
@@ -97,7 +97,7 @@ export const Instrument3Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
       {
@@ -126,7 +126,7 @@ export const Instrument4Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
       {
@@ -137,7 +137,7 @@ export const Instrument4Alat: Story = {
           speedValue: '800',
           dataBitValue: 'N',
           parityValue: '',
-          stopBitValue: 'N'
+          stopBitValue: '1'
         }
       },
       {