diff --git a/NKC_WF/WebUserControls/cmp_OtherItemsDetail.ascx b/NKC_WF/WebUserControls/cmp_OtherItemsDetail.ascx
index 465482b..8709285 100644
--- a/NKC_WF/WebUserControls/cmp_OtherItemsDetail.ascx
+++ b/NKC_WF/WebUserControls/cmp_OtherItemsDetail.ascx
@@ -14,41 +14,25 @@
             <asp:ListItem Text="Larger" Value="256"></asp:ListItem>
         </asp:DropDownList>
     </div>
-    <%--<div class="col-12">
-        <asp:GridView ID="grVIew" runat="server" AutoGenerateColumns="False" DataKeyNames="OtherItemID" DataSourceID="ods" CssClass="table table-striped" Width="100%">
-            <Columns>
-                <asp:TemplateField HeaderText="MRP Code" SortExpression="OtherItemExtCode">
-                    <ItemTemplate>
-                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("OtherItemExtCode") %>'></asp:Label>
-                    </ItemTemplate>
-                </asp:TemplateField>
-                <asp:TemplateField HeaderText="Description" SortExpression="OtherItemDesc">
-                    <ItemTemplate>
-                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("OtherItemDesc") %>'></asp:Label>
-                    </ItemTemplate>
-                </asp:TemplateField>
-                <asp:TemplateField HeaderText="Matrix Code" SortExpression="OtherItemDtmx">
-                    <ItemTemplate>
-                        <asp:Image runat="server" Height='<%# qrSize %>' ImageUrl='<%# getImgUrl(Eval("OtherItemDtmx")) %>' />
-                    </ItemTemplate>
-                </asp:TemplateField>
-                <asp:BoundField DataField="OtherItemType" HeaderText="Type" SortExpression="OtherItemType" />
-            </Columns>
-        </asp:GridView>
-    </div>--%>
 </div>
+<hr />
 <div class="row">
     <asp:Repeater runat="server" ID="repDetail" DataSourceID="ods">
         <ItemTemplate>
-            <div class="col-6 border border-success">
-                <div class="row">
-                    <div class="col-8">
-                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("OtherItemExtCode") %>'></asp:Label>
-                        <br />
-                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("OtherItemDesc") %>'></asp:Label>
+            <div class="col-6 mb-3">
+                <div class="card">
+                    <div class="card-header py-0">
+                        <h5><%# Eval("OtherItemExtCode") %></h5>
                     </div>
-                    <div class="col-4">
-                        <asp:Image runat="server" Height='<%# qrSize %>' ImageUrl='<%# getImgUrl(Eval("OtherItemDtmx")) %>' />
+                    <div class="card-body py-1">
+                        <div class="row">
+                            <div class="col-8 text-left card-text">
+                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("OtherItemDesc") %>' />
+                            </div>
+                            <div class="col-4">
+                                <asp:Image runat="server" Height='<%# qrSize %>' ImageUrl='<%# getImgUrl(Eval("OtherItemDtmx")) %>' />
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>