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 cd15e57..c7ae0fb 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,48 +1,50 @@
 <div class="center">
-  <form class="big-frame background-border" style="width: 520px;"  #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="column-content">
+    <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">
-      <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 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="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 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>
 </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 849a166..85d0c23 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,48 +1,50 @@
 <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">
-      <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="column-content">
+    <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="img-frame">
-    <div *ngFor="let cur of imagePreviews" class="image-holder">
-      <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>
 </div>
\ No newline at end of file
diff --git a/src/MistoxWebsite.Client/src/styles.css b/src/MistoxWebsite.Client/src/styles.css
index f58cb80..2f6997b 100644
--- a/src/MistoxWebsite.Client/src/styles.css
+++ b/src/MistoxWebsite.Client/src/styles.css
@@ -29,6 +29,16 @@ main {
     min-height: 100vh;
 }
 
+.column-content {
+    columns: 2;
+}
+
+@media (max-width: 1620px) {
+    .column-content {
+        columns: 1;
+    }
+}
+
 .text-frame {
     margin: 50px !important;
     max-width: 2200px !important;
@@ -47,6 +57,7 @@ main {
     width: 400px;
     color: var(--Mistox-White);
     margin: 40px;
+    break-inside: avoid;
 }
 
 .big-frame h3{