diff --git a/ServerlessLibraryUI/src/App.vue b/ServerlessLibraryUI/src/App.vue
index f779a49..3353834 100644
--- a/ServerlessLibraryUI/src/App.vue
+++ b/ServerlessLibraryUI/src/App.vue
@@ -126,8 +126,9 @@
 }
 
 .scootover {
-    margin-left: 15rem;
-    margin-right: 15rem;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 950px;
     padding-bottom: 5px;
 }
 .herobar{
diff --git a/ServerlessLibraryUI/src/components/AppItem.vue b/ServerlessLibraryUI/src/components/AppItem.vue
index edd42d2..fbe9356 100644
--- a/ServerlessLibraryUI/src/components/AppItem.vue
+++ b/ServerlessLibraryUI/src/components/AppItem.vue
@@ -131,7 +131,7 @@ export default {
 .sample {
   position: relative;
   box-shadow: 0 6px 6px rgba(0, 0, 0, 0.08);
-  width: 100%;
+  width: 95%;
   display: inline-flex;
   flex-direction: column;
   justify-content: space-between;
@@ -142,7 +142,7 @@ export default {
   z-index: 1;
   border: 1px solid #dcdfe0;
   border-radius: 3px;
-  min-width: 210px;
+  min-width: 280px;
 
   @media (min-width: 600px) {
     width: calc(100% / 3 - 1rem);