diff --git a/static/save.svg b/static/save.svg
new file mode 100644
index 0000000..46c7299
--- /dev/null
+++ b/static/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-save"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 392c1dc..44dc1b8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -2,58 +2,67 @@
 <html>
   <head>
     <title>{{ title }}</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+    <!-- CSS Reset -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
+
+<!-- Milligram CSS -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css">
+
 <style>
-table {
-            width: 100%;
-            border-collapse: collapse;
-        }
 
-        th, td {
-            padding: 8px;
-            text-align: left;
-            border-bottom: 1px solid #ddd;
-        }
+td {
+	padding: 0px 0px 0px 0px;
+	margin-left: 10px;
+	height: 50px;
+}
 
-        th {
-            background-color: #f2f2f2;
-        }
+.centered-cell {
+  text-align: center; /* Center the content horizontally within the cell */
+}
 
-        /* Responsive styles */
-        @media only screen and (max-width: 600px) {
-            table {
-                border: 0;
-            }
+.inputContainer {
+	  display: inline-block; /* Display as an inline block */
+	    vertical-align: middle; /* Center vertically within the cell */
+	    width: 120px;
+}
 
-            table caption {
-                font-size: 1.3em;
-            }
+.inputContainer form {
+	margin: 5% auto 5% auto;
+}
 
-            table thead {
-                display: none;
-            }
+.inputField {
+	  display: flex;
+  align-items: center; /* Align items vertically */
+  width: 100%; /* Ensure inputField fills out inputContainer */
+  height: 100%; /* Ensure inputField fills out inputContainer */
+}
+.inputField input {
+	flex: 1;
+	width: 70%;
+	padding: 0px;
+	margin: auto 2.5px auto 2.5px;
+}
+.inputField button {
+	width: 30%;
+	padding: 0px;
+	margin: 0 2.5px 0 2.5px;
+}
 
-            table tr {
-                border-bottom: 3px solid #ddd;
-                display: block;
-                margin-bottom: 10px;
-            }
+.square-button {
+	background-color: white;
+}
 
-            table td {
-                display: block;
-                text-align: right;
-                font-size: 13px;
-            }
 
-            table td::before {
-                content: attr(data-label);
-                font-weight: bold;
-                display: inline-block;
-                width: 50%;
-            }
-        }
+td img{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+
+}
+
 </style>
+
   </head>
   <body>
     <div class="container">
diff --git a/templates/bootstrap_table.html b/templates/bootstrap_table.html
index a5290e6..5c9b20c 100644
--- a/templates/bootstrap_table.html
+++ b/templates/bootstrap_table.html
@@ -5,13 +5,11 @@
 <table id="data" class="table table-striped">
     <thead>
       <tr>
-        <th>img</th>
-        <th>element_id</th>
-        <th>part_num</th>
-        <th>name</th>
-        <th>color.id</th>
-        <th>color</th>
-        <th>qty</th>
+        <th></th>
+        <th>ID</th>
+        <th>Name</th>
+        <th>Color</th>
+        <th>Qty</th>
         {% for i in json_file['unit'] %}
           <th>Missing ({{ loop.index }})</th>
         {% endfor %}
@@ -26,15 +24,14 @@
 	  {% else %}
 	  <td><img src="{{ '/static/parts/' + brick.element_id + '.jpg' }}" style="height: 50px; width: auto;"></td>
 	  {% endif %}
-	  <td>{{ brick.element_id }}</td>	
           <td>{{ brick.part.part_num }}</td>
           <td>{{ brick.part.name }}</td>
-          <td>{{ brick.color.id }}</td>
           <td>{{ brick.color.name }}</td>
           <td>{{ brick.quantity }}</td>
     	  {% for i in json_file['unit'] %}
         
-    		  <td>
+    		  <td class="centered-cell">
+			<div class="inputContainer">
     			{% set ns = namespace(count='') %}
 			<form action="/{{ tmp }}/saveNumber" method="post">
     			<input type="hidden" name="brick.part.part_num" value="{{ brick.part.part_num }}">
@@ -51,8 +48,14 @@
 			    {% endif %} 
     			  {% endif %}
     			{% endfor %}
-    			<input type="text" style="height:auto;width:40px" id="numberInput" name="numberInput" value={{ ns.count }}><button type="submit"><i class="fa fa-save"></i></button>
+			<div class='inputField'>
+	<input type="text" id="numberInput" name="numberInput" value={{ ns.count }}>
+	<button class="square-button" type="submit">
+		<img src="/static/save.svg" alt="Save Icon">
+	</button>
+			</div>
     		      </form>
+			</div>
     		  </td>
     	  {% endfor %}
         </tr>
