diff --git a/packages/design-system/src/components/OcFloatingActionButton/OcFloatingActionButton.vue b/packages/design-system/src/components/OcFloatingActionButton/OcFloatingActionButton.vue
index d143fa953e..029e4260a0 100644
--- a/packages/design-system/src/components/OcFloatingActionButton/OcFloatingActionButton.vue
+++ b/packages/design-system/src/components/OcFloatingActionButton/OcFloatingActionButton.vue
@@ -21,7 +21,7 @@
       :id="buttonId"
       class="rounded-full size-14"
       appearance="filled"
-      color-role="secondary"
+      color-role="primary"
       :aria-label="computedAriaLabel"
       :type="mode === 'action' && to ? routerLinkComponent : 'button'"
       :to="to"
diff --git a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
index 4890ef2a27..da85132860 100644
--- a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
+++ b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
@@ -5,12 +5,13 @@
   >
     <div class="flex flex-col grow">
       <nav class="oc-sidebar-nav mt-3 px-1" :aria-label="$gettext('Sidebar navigation menu')">
-        <div v-if="floatingActionButton && !isMobile" class="pb-3 px-2">
+        <div v-if="floatingActionButton && !isMobile" class="pb-6 px-2">
           <oc-button
             :id="getButtonId(floatingActionButton.id)"
             :disabled="isFloatingActionButtonDisabled"
             appearance="filled"
-            class="oc-app-floating-action-button w-full"
+            color-role="primary"
+            class="oc-app-floating-action-button h-[48px] min-w-[100px] rounded-xl shadow-md"
             @click="floatingActionButton.handler?.()"
           >
             <oc-icon :name="floatingActionButton.icon" />
diff --git a/packages/web-runtime/src/layouts/Application.vue b/packages/web-runtime/src/layouts/Application.vue
index c4e9ccca93..8ca7f907ae 100644
--- a/packages/web-runtime/src/layouts/Application.vue
+++ b/packages/web-runtime/src/layouts/Application.vue
@@ -11,11 +11,9 @@
     </div>
     <div
       id="web-content-main"
-      class="flex flex-col items-start justify-start grow shrink basis-auto px-2 pb-2 overflow-y-hidden"
+      class="flex flex-col items-start justify-start grow shrink basis-auto overflow-y-hidden"
     >
-      <div
-        class="app-container flex bg-role-surface-container rounded-xl size-full overflow-hidden"
-      >
+      <div class="app-container flex bg-role-surface-container size-full overflow-hidden">
         <app-loading-spinner v-if="isLoading" />
         <template v-else>
           <sidebar-nav v-if="isSidebarVisible" :nav-items="navItems" />