diff --git a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
index b7a0e4b3a4..d70df750a7 100644
--- a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
+++ b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
@@ -271,7 +271,7 @@ onMounted(() => {
 <template>
   <div class="h-full">
     <div class="survey md:p-0 w-full h-full flex flex-col max-w-[max(33%,688px)] mx-auto mb-4rem lg:mb-10rem">
-      <div v-if="sharedFormView" class="my-auto">
+      <div v-if="sharedFormView" class="my-auto z-2">
         <template v-if="!isStarted || submitted">
           <GeneralFormBanner
             v-if="sharedFormView && !parseProp(sharedFormView?.meta).hide_banner"
@@ -502,8 +502,8 @@ onMounted(() => {
           </Transition>
         </template>
       </div>
-      <div class="md:(absolute bottom-0 left-0 right-0 px-4 pb-4) lg:px-10 lg:pb-10">
-        <div class="flex justify-end items-center gap-4">
+      <div class="lg:(absolute bottom-0 left-0 right-0 px-4 pb-4) lg:px-10 lg:pb-10 pointer-events-none">
+        <div class="flex justify-end items-center gap-4 nc-survey-form-branding">
           <div class="flex justify-center">
             <GeneralFormBranding
               class="inline-flex mx-auto"
@@ -622,4 +622,10 @@ onMounted(() => {
     }
   }
 }
+
+@media (min-width: 1024px) and (max-width: 1170px) {
+  .nc-survey-form-branding {
+    @apply flex-col;
+  }
+}
 </style>