diff --git a/src/views/pages/ksGitRepo/ksCodeParser/KsGitCodeParser.vue b/src/views/pages/ksGitRepo/ksCodeParser/KsGitCodeParser.vue
index 3ddd74f..b4a50d6 100644
--- a/src/views/pages/ksGitRepo/ksCodeParser/KsGitCodeParser.vue
+++ b/src/views/pages/ksGitRepo/ksCodeParser/KsGitCodeParser.vue
@@ -1,8 +1,39 @@
 <template>
     <div>
-        <!-- <div class="card"> -->
-        <Toast />
-        <ConfirmPopup></ConfirmPopup>
+        <div class="content-section introduction big-title">
+            <div class="feature-intro">
+                <h1>Repository <span>DataTable</span></h1>
+            </div>
+        </div>
+
+        <div class="card">
+            <Toast />
+            <ConfirmPopup></ConfirmPopup>
+            <Toolbar class="mb-6">
+                <template #start>
+                    <Button label="Refresh" icon="pi pi-refresh" class="mr-2"
+                        @click="refreshPage" v-tooltip.top="'Refresh all records'" />
+                </template>
+
+                <template #end>
+                    <Button label="Expand All" icon="pi pi-plus" class="mr-3"
+                        @click="expandAll" v-tooltip.top="'Expand all records'" />
+                    <Button label="Collapse All" icon="pi pi-minus" class="mr-3"
+                        @click="collapseAll" v-tooltip.top="'Collapse all records'" />
+                    <!--Button label="Add New Git Repo" icon="pi pi-plus"  severity="secondary" rounded class="mr-3" @click="newCodeRepoForm()" v-tooltip.top="'Add New Git Repo'" class="mr-2" /-->
+                    <!--Button label="Add Git Repo" icon="pi pi-bolt"  severity="secondary" rounded  @click="cloneRepoForm()" v-tooltip.top="'Add New Git Repo'" /-->
+                    <Button label="New Git Repository" icon="pi pi-bolt"
+                        @click="showDialog = true" v-tooltip.top="'Add New Git Repository'" />
+
+                    <Dialog v-model:visible="showDialog" :style="{ width: '50rem' }" header="Repository Details"
+                        :modal="true">
+                        <div>
+                            <cloneForm @submitForm="cloneRepo" @cancel="showDialog = false" />
+                        </div>
+                    </Dialog>
+                </template>
+            </Toolbar>
+
             <DataTable v-model:filters="filters" v-model:expandedRows="expandedRows" @rowExpand="onRowExpand"
                 @rowCollapse="onRowCollapse" :value="codeRepoInfo" :paginator="true" :rows="10"
                 paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
@@ -13,36 +44,18 @@
                 :globalFilterFields="['branch', 'cloneStatus', 'ingestionStatus', 'ingestionDateFormat']"
                 tableStyle="min-width: 70rem" removableSort>
                 <template #header>
-				<div class="flex items-center justify-between gap-4 p-4 ">
-					<span class="text-xl font-bold">Repository DataTable</span>
-					<div class="flex items-center gap-2 flex-grow">
+                    <div class="flex flex-wrap gap-2 items-center justify-between">
+                        <h4 class="m-0">Manage Repositories</h4>
                         <IconField>
                             <InputIcon>
                                 <i class="pi pi-search" />
                             </InputIcon>
                             <InputText v-model="filters['global'].value" placeholder="Search..." />
                         </IconField>
-					</div>
-                        <Button icon="pi pi-refresh" rounded raised class="mr-1 p-button-sm"
-                        @click="refreshPage" v-tooltip.top="'Refresh all records'" />
-                        <Button icon="pi pi-plus" rounded raised class="mr-1 p-button-sm"
-                            @click="expandAll" v-tooltip.top="'Expand all records'" />
-                        <Button icon="pi pi-minus" rounded raised class="mr-1 p-button-sm"
-                            @click="collapseAll" v-tooltip.top="'Collapse all records'" />
-                        <!--Button label="Add New Git Repo" icon="pi pi-plus"  severity="secondary" rounded class="mr-3" @click="newCodeRepoForm()" v-tooltip.top="'Add New Git Repo'" class="mr-1" /-->
-                        <!--Button label="Add Git Repo" icon="pi pi-bolt"  severity="secondary" rounded  @click="cloneRepoForm()" v-tooltip.top="'Add New Git Repo'" /-->
-                        <Button icon="pi pi-bolt" rounded raised class="p-button-sm"
-                            @click="showDialog = true" v-tooltip.top="'Add New Git Repository'" />
-                        <Dialog v-model:visible="showDialog" :style="{ width: '50rem' }" header="Repository Details"
-                        :modal="true">
-                        <div>
-                            <cloneForm @submitForm="cloneRepo" @cancel="showDialog = false" />
-                        </div>
-                    </Dialog>
                     </div>
                 </template>
                 <template #groupheader="slotProps">
-                    <div class="flex items-center gap-2" style="background: '#f3f3f3'">
+                    <div class="flex items-center gap-2">
                         <img :alt="slotProps.data.repoName" :src="logoSrc" width="32" style="vertical-align: middle" />
                         <span>{{ slotProps.data.repoName }}</span>
                     </div>
@@ -163,25 +176,25 @@
                 </Column>
 
                 <!--Column header="Actions" headerStyle="width: 5rem; text-align: center" bodyStyle="text-align: center; overflow: visible"-->
-                <Column field="id" header="A" :style="{minWidth: '12rem', position: 'sticky', right: '0', zIndex: '1', background: '#f3f3f3'}" :showFilterMatchModes="false">
-                    <div class="flex justify-center items-center space-x-3">
-                        <template #body="slotProps" class="flex justify-center items-center space-x-3">
-                            <Button raised rounded type="button" class="mr-2" icon="pi pi-play"
-                                @click="parseGitRepo(slotProps.data)" v-tooltip.top="'Start Parsing of Repo'"
-                                :disabled="isButtonDisabled(slotProps.data)" />
+                <Column :exportable="false" style="min-width: 12rem">
+                    <template #body="slotProps">
 
-                            <Button raised rounded  type="button" class="mr-2" icon="pi pi-play"
-                                @click="reverserEnginneringGitRepo(slotProps.data)" v-tooltip.top="'Start RE of Repo'"
-                                :disabled="isButtonDisabled(slotProps.data)" />
+                        <Button text raised rounded severity="info" type="button" class="mr-2" icon="pi pi-play"
+                            @click="parseGitRepo(slotProps.data)" v-tooltip.top="'Start Parsing of Repo'"
+                            :disabled="isButtonDisabled(slotProps.data)" />
 
-                            <!--Button raised rounded severity="warn" type="button" class="mr-2" icon="pi pi-forward"
-                                @click="reIngestWithPullChanges(slotProps.data)"
-                                v-tooltip.top="'Ingest Latest changes From Git'" /-->
+                        <Button text raised rounded severity="warn" type="button" class="mr-2" icon="pi pi-play"
+                            @click="reverserEnginneringGitRepo(slotProps.data)" v-tooltip.top="'Start RE of Repo'"
+                            :disabled="isButtonDisabled(slotProps.data)" />
 
-                            <Button raised rounded type="button" icon="pi pi-trash"
-                                @click="deleteRecordsFromVectorStore(slotProps.data)" v-tooltip.top="'Delete Records'" />
-                        </template>
-                    </div>
+                        <!--Button text raised rounded severity="warn" type="button" class="mr-2" icon="pi pi-forward"
+                            @click="reIngestWithPullChanges(slotProps.data)"
+                            v-tooltip.top="'Ingest Latest changes From Git'" /-->
+
+                        <Button text raised rounded severity="danger" type="button" icon="pi pi-trash"
+                            @click="deleteRecordsFromVectorStore(slotProps.data)" v-tooltip.top="'Delete Records'" />
+
+                    </template>
                 </Column>
 
 
@@ -194,13 +207,13 @@
                 </template>
 
                 <template #groupfooter="slotProps">
-                    <div class="flex justify-end font-bold w-full" style="background-color: #f3f3f3;">
+                    <div class="flex justify-end font-bold w-full">
                         Total Count: {{ calculateCustomerTotal(slotProps.data.repoName) }}
                     </div>
                 </template>
             </DataTable>
+        </div>
     </div>
-    <!-- </div> -->
 </template>
 
 <script setup>