diff --git a/src/MistoxWebsite.Client/src/app/pages/store/admin/edititem/edit.component.html b/src/MistoxWebsite.Client/src/app/pages/store/admin/edititem/edit.component.html
index c3e2432..cd15e57 100644
--- a/src/MistoxWebsite.Client/src/app/pages/store/admin/edititem/edit.component.html
+++ b/src/MistoxWebsite.Client/src/app/pages/store/admin/edititem/edit.component.html
@@ -1,46 +1,48 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
-  <h3>Edit Item</h3>
-
-  <div class="frame-item">
-    <input type="text" [(ngModel)]="newItem.name" name="ItemName" placeholder=" " />
-    <label>Item Name</label>
-  </div>
-
-  <div class="frame-item">
-    <input type="number" [(ngModel)]="newItem.cost" name="ItemCost" placeholder=" " />
-    <label>Cost</label>
-  </div>
-
-  <div class="frame-item">
-    <input type="text" [(ngModel)]="newItem.url" name="itemURL" placeholder=" " />
-    <label>URL</label>
-  </div>
+<div class="center">
+  <form class="big-frame background-border" style="width: 520px;"  #accountForm="ngForm" (ngSubmit)="onSubmit()">
+    <h3>Edit Item</h3>
 
     <div class="frame-item">
-      <textarea [(ngModel)]="newItem.description" name="ItemDesc" cols="40" placeholder=" " ></textarea>
-      <label>Description</label>
+      <input type="text" [(ngModel)]="newItem.name" name="ItemName" placeholder=" " />
+      <label>Item Name</label>
     </div>
 
-  <div class="frame-item">
-    <!-- Need to fix for image file upload -->
-     <div id="FileUploadPlaceholder" ></div>
-    <input type="file" (change)="onFileSelected($event)" accept="image/*" multiple />
-  </div>
-
-  <div class="flex-row">
-    <div class="frame-button">
-      <input class="submit" type="submit" value="Create Item" />
+    <div class="frame-item">
+      <input type="number" [(ngModel)]="newItem.cost" name="ItemCost" placeholder=" " />
+      <label>Cost</label>
     </div>
-  </div>
 
-  <ul *ngIf="errorMsgs.length > 0" >
-    <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
-  </ul>
-</form>
+    <div class="frame-item">
+      <input type="text" [(ngModel)]="newItem.url" name="itemURL" placeholder=" " />
+      <label>URL</label>
+    </div>
 
-<!-- Finish file preview for uploads -->
-<div class="center big-frame background-border">
-  <div *ngFor="let cur of imagePreviews" id="imageHolder">
-    <img [src]="cur" alt="Image Preview" style="max-width: 200px;"/>
+      <div class="frame-item">
+        <textarea [(ngModel)]="newItem.description" name="ItemDesc" cols="40" placeholder=" " ></textarea>
+        <label>Description</label>
+      </div>
+
+    <div class="frame-item">
+      <div id="FileUploadPlaceholder" ></div>
+      <input #FileUpload type="file" (change)="onFileSelected($event)" accept="image/*" multiple />
+    </div>
+
+    <div class="flex-row">
+      <div class="frame-button">
+        <input class="submit" type="submit" value="Update Item" />
+      </div>
+    </div>
+
+    <ul *ngIf="errorMsgs.length > 0" >
+      <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
+    </ul>
+  </form>
+
+  <!-- Finish file preview for uploads -->
+  <div class="img-frame">
+    <div *ngFor="let cur of imagePreviews" class="image-holder">
+      <input class="delete-button" type="button" value="X" (click)="RemovePhoto(cur)" />
+      <img [src]="cur" alt="Image Preview" style="max-width: 200px;"/>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/MistoxWebsite.Client/src/app/pages/store/admin/newitem/new.component.html b/src/MistoxWebsite.Client/src/app/pages/store/admin/newitem/new.component.html
index 4132666..849a166 100644
--- a/src/MistoxWebsite.Client/src/app/pages/store/admin/newitem/new.component.html
+++ b/src/MistoxWebsite.Client/src/app/pages/store/admin/newitem/new.component.html
@@ -1,46 +1,48 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
-  <h3>Create New Item</h3>
-
-  <div class="frame-item">
-    <input type="text" [(ngModel)]="newItem.name" name="ItemName" placeholder=" " />
-    <label>Item Name</label>
-  </div>
-
-  <div class="frame-item">
-    <input type="number" [(ngModel)]="newItem.cost" name="ItemCost" placeholder=" " />
-    <label>Cost</label>
-  </div>
-
-  <div class="frame-item">
-    <input type="text" [(ngModel)]="newItem.url" name="itemURL" placeholder=" " />
-    <label>URL</label>
-  </div>
+<div class="center">
+  <form class="big-frame background-border" style="width: 520px;" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+    <h3>Create New Item</h3>
 
     <div class="frame-item">
-      <textarea [(ngModel)]="newItem.description" name="ItemDesc" cols="40" placeholder=" " ></textarea>
-      <label>Description</label>
+      <input type="text" [(ngModel)]="newItem.name" name="ItemName" placeholder=" " />
+      <label>Item Name</label>
     </div>
 
-  <div class="frame-item">
-    <!-- Need to fix for image file upload -->
-     <div id="FileUploadPlaceholder" ></div>
-    <input type="file" (change)="onFileSelected($event)" accept="image/*" multiple />
-  </div>
-
-  <div class="flex-row">
-    <div class="frame-button">
-      <input class="submit" type="submit" value="Create Item" />
+    <div class="frame-item">
+      <input type="number" [(ngModel)]="newItem.cost" name="ItemCost" placeholder=" " />
+      <label>Cost</label>
     </div>
-  </div>
 
-  <ul *ngIf="errorMsgs.length > 0" >
-    <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
-  </ul>
-</form>
+    <div class="frame-item">
+      <input type="text" [(ngModel)]="newItem.url" name="itemURL" placeholder=" " />
+      <label>URL</label>
+    </div>
 
-<!-- Finish file preview for uploads -->
-<div class="center big-frame background-border">
-  <div *ngFor="let cur of imagePreviews" id="imageHolder">
-    <img [src]="cur" alt="Image Preview" style="max-width: 200px;"/>
+      <div class="frame-item">
+        <textarea [(ngModel)]="newItem.description" name="ItemDesc" cols="40" placeholder=" " ></textarea>
+        <label>Description</label>
+      </div>
+
+    <div class="frame-item">
+      <!-- Need to fix for image file upload -->
+      <div id="FileUploadPlaceholder" ></div>
+      <input type="file" (change)="onFileSelected($event)" accept="image/*" multiple />
+    </div>
+
+    <div class="flex-row">
+      <div class="frame-button">
+        <input class="submit" type="submit" value="Create Item" />
+      </div>
+    </div>
+
+    <ul *ngIf="errorMsgs.length > 0" >
+      <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
+    </ul>
+  </form>
+
+  <!-- Finish file preview for uploads -->
+  <div class="img-frame">
+    <div *ngFor="let cur of imagePreviews" class="image-holder">
+      <img [src]="cur" alt="Image Preview" style="max-width: 200px;"/>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/MistoxWebsite.Client/src/styles.css b/src/MistoxWebsite.Client/src/styles.css
index 7e91e96..f58cb80 100644
--- a/src/MistoxWebsite.Client/src/styles.css
+++ b/src/MistoxWebsite.Client/src/styles.css
@@ -23,22 +23,17 @@ main {
 /* CSS used for the Account Activity Pages */
 
 .center {
-    position: relative;
-    left: 50%;
-    top: 50vh;
-    transform: translateY(-50%) translateX(-50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
 }
 
-.horizontal-center {
-    position: relative;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
-.vertical-center {
-    position: relative;
-    top: 50vh;
-    transform: translateY(-50%);
+.text-frame {
+    margin: 50px !important;
+    max-width: 2200px !important;
+    padding: 10px !important;
+    width: auto !important;
 }
 
 .background-border {
@@ -49,8 +44,9 @@ main {
 .big-frame {
     background-color: var(--Mistox-Black);
     padding: 4px;
-    max-width: 400px;
+    width: 400px;
     color: var(--Mistox-White);
+    margin: 40px;
 }
 
 .big-frame h3{
@@ -149,6 +145,33 @@ main {
         color: var(--Mistox-Bright);
     }
 
+.img-frame {
+    width: 610px;
+}
+
+.image-holder{
+    float: left;
+    border: 1px solid white;
+    width: fit-content;
+    border-radius: 6px;
+}
+
+.delete-button {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    color: #000;
+    background-color: red;
+    border: none;
+    border-radius: 4px;
+    transform: translate(180px, 0);
+}
+
+    .delete-button:hover{
+        background-color: #890620;
+    }
+
 .submit{
     position: relative;
     padding: 10px 20px;