diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index 50419e944..12ee549ce 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -349,7 +349,7 @@ onMounted(async () => {
       <div style="flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; height: 100%;">
         <Headerbar :config="config" :subscription="subscription"/>
 
-        <div style="display: flex; justify-content: center; overflow: auto; flex-grow: 1; padding: 0 6px; position: relative;">
+        <div style="display: flex; justify-content: center; overflow: auto; flex-grow: 1; padding: 0; margin: 0 10px; position: relative;">
           <AppsView v-if="view === VIEWS.APPS" />
           <AppConfigureView v-else-if="view === VIEWS.APP" />
           <AppearanceView v-else-if="view === VIEWS.APPEARANCE" />
diff --git a/dashboard/src/views/AppstoreView.vue b/dashboard/src/views/AppstoreView.vue
index ddacf2e0d..dda154ed5 100644
--- a/dashboard/src/views/AppstoreView.vue
+++ b/dashboard/src/views/AppstoreView.vue
@@ -248,6 +248,7 @@ onUnmounted(() => {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
+  justify-content: space-around;
 }
 
 </style>