diff --git a/packages/design-system/src/components/OcCard/OcCard.vue b/packages/design-system/src/components/OcCard/OcCard.vue
index e84ab807e0..067c3728b9 100644
--- a/packages/design-system/src/components/OcCard/OcCard.vue
+++ b/packages/design-system/src/components/OcCard/OcCard.vue
@@ -103,7 +103,7 @@ const hasSlotFooter = computed(() => {
 
 @layer components {
   .oc-card {
-    @apply bg-role-surface text-role-on-surface rounded-sm relative;
+    @apply bg-role-surface text-role-on-surface rounded-md relative;
   }
 
   .oc-card-header {
diff --git a/packages/web-app-app-store/src/components/AppTags.vue b/packages/web-app-app-store/src/components/AppTags.vue
index 0441373024..6cd6ea44b5 100644
--- a/packages/web-app-app-store/src/components/AppTags.vue
+++ b/packages/web-app-app-store/src/components/AppTags.vue
@@ -5,7 +5,7 @@
       :key="`app-tag-${app.id}-${tag}`"
       data-testid="tag-button"
       size="small"
-      class="whitespace-nowrap"
+      class="whitespace-nowrap cursor-pointer"
       type="button"
       @click="emitClick(tag)"
     >
diff --git a/packages/web-app-app-store/src/components/AppTile.vue b/packages/web-app-app-store/src/components/AppTile.vue
index ae369f864c..0619c16a97 100644
--- a/packages/web-app-app-store/src/components/AppTile.vue
+++ b/packages/web-app-app-store/src/components/AppTile.vue
@@ -1,7 +1,7 @@
 <template>
   <oc-card
     tag="li"
-    class="app-tile bg-role-surface-container flex flex-col border h-full overflow-hidden shadow-none"
+    class="app-tile bg-role-surface-container flex flex-col border overflow-hidden shadow-none"
     header-class="p-0"
   >
     <template #header>
diff --git a/packages/web-app-app-store/src/views/AppDetails.vue b/packages/web-app-app-store/src/views/AppDetails.vue
index f3cffab5c2..6485f9507d 100644
--- a/packages/web-app-app-store/src/views/AppDetails.vue
+++ b/packages/web-app-app-store/src/views/AppDetails.vue
@@ -13,7 +13,7 @@
       </router-link>
       <app-image-gallery :app="app" :show-pagination="true" class="w-full" />
     </template>
-    <div class="app-content bg-role-surface-container flex flex-col p-4">
+    <div class="app-content bg-role-surface-container flex flex-col">
       <div class="flex items-center">
         <h2 class="my-2 truncate app-details-title">{{ app.name }}</h2>
         <span class="ml-2 text-role-on-surface-variant text-sm mt-2">
diff --git a/packages/web-app-app-store/src/views/AppList.vue b/packages/web-app-app-store/src/views/AppList.vue
index c379e960d7..1cc1ea4f79 100644
--- a/packages/web-app-app-store/src/views/AppList.vue
+++ b/packages/web-app-app-store/src/views/AppList.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="mb-4">
+  <div>
     <h2 class="mt-0 app-list-headline">
       {{ $gettext('App Store') }}
       <app-contextual-helper />
     </h2>
-    <div class="flex items-center">
+    <div class="flex items-center mb-4">
       <oc-text-input
         id="apps-filter"
         :model-value="filterTermInput"
@@ -24,7 +24,6 @@
         v-for="app in filteredApps"
         :key="`app-${app.repository.name}-${app.id}`"
         :app="app"
-        class="my-4"
         @search="setFilterTerm"
       />
     </oc-list>
diff --git a/packages/web-pkg/src/components/TextEditor/TextEditor.vue b/packages/web-pkg/src/components/TextEditor/TextEditor.vue
index c49d5a2ba5..a42091cb53 100644
--- a/packages/web-pkg/src/components/TextEditor/TextEditor.vue
+++ b/packages/web-pkg/src/components/TextEditor/TextEditor.vue
@@ -175,6 +175,9 @@ export default defineComponent({
     background-color: var(--oc-role-surface-container);
   }
 }
+#text-editor-preview-component {
+  background-color: transparent;
+}
 
 // overwrite md-editor styles
 .md-editor {