diff --git a/package.json b/package.json
index 7ea9694..eb974cc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "event-aggregate-mapper",
-  "version": "1.2.1",
+  "name": "pdac",
+  "version": "1.3.1",
   "description": "",
   "license": "BSD-3-Clause",
   "private": true,
diff --git a/public/dhis2-app-icon.png b/public/dhis2-app-icon.png
new file mode 100644
index 0000000..252a819
Binary files /dev/null and b/public/dhis2-app-icon.png differ
diff --git a/src/App.module.css b/src/App.module.css
index b2f3f0d..c45ff9a 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -49,3 +49,7 @@
   margin-right: auto;
   padding-bottom: 10px;
 }
+
+.dataTable {
+  width: 90vw;
+}
diff --git a/src/components/Page.js b/src/components/Page.js
index 4624828..b6c18db 100644
--- a/src/components/Page.js
+++ b/src/components/Page.js
@@ -275,7 +275,7 @@ const Page = ({ metadata, existingConfig }) => {
 
   return (
     <div className={classes.pageDiv}>
-      <h1>Event to Aggregate Mappings</h1>
+      <h1>Program Dataset Connector</h1>
       <p>
         This application is used to link program indicators to a data elements in a specific data set. This is used to
         generate copies of the program indicator for each of the disaggregations assigned to the data element in the
@@ -297,12 +297,13 @@ const Page = ({ metadata, existingConfig }) => {
       )}
       <InputField
         className={classes.filterInput}
+        inputWidth={'20vw'}
         label="Filter"
         name="filter"
         value={filterText}
         onChange={(e) => handleFilterChange(e)}
       />
-      <Table>
+      <Table className={classes.dataTable}>
         <TableHead>
           <TableRowHead>
             <TableCellHead key="selected">
diff --git a/src/utils.js b/src/utils.js
index b096933..57c2394 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -106,7 +106,7 @@ export function filterRowsByText(dePiMaps, orderedRowIds, text) {
   }
   const textLower = text.toLocaleLowerCase()
   const result = []
-  for (rowId of orderedRowIds) {
+  for (const rowId of orderedRowIds) {
     const { dsName, deName, piName } = dePiMaps[rowId]
     const dsLower = dsName.toLocaleLowerCase()
     const deLower = deName.toLocaleLowerCase()