diff --git a/src/index.scss b/src/index.scss
index b8b07d1..09f319e 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -92,3 +92,15 @@ $fa-font-path: "~font-awesome/fonts";
     font-size: 18px;
   }
 }
+
+.usabilla_live_button_container {
+  right: 0 !important;
+}
+
+@media (min-width: 768.98px) {
+  .usabilla_live_button_container {
+    right: -22px !important;
+    top: 50% !important;
+    transform: rotate(270deg) !important;
+  }
+}
diff --git a/src/notification-preferences/NotificationPreferenceApp.jsx b/src/notification-preferences/NotificationPreferenceApp.jsx
index 389ccf2..c41f299 100644
--- a/src/notification-preferences/NotificationPreferenceApp.jsx
+++ b/src/notification-preferences/NotificationPreferenceApp.jsx
@@ -38,7 +38,7 @@ const NotificationPreferenceApp = ({ appId }) => {
     return null;
   }
   return (
-    <Collapsible.Advanced open={appToggle} data-testid="notification-app">
+    <Collapsible.Advanced open={appToggle} data-testid="notification-app" className="mb-5">
       <Collapsible.Trigger>
         <div className="d-flex align-items-center">
           <span className="mr-auto">
diff --git a/src/notification-preferences/NotificationPreferences.jsx b/src/notification-preferences/NotificationPreferences.jsx
index 51b003d..990c50b 100644
--- a/src/notification-preferences/NotificationPreferences.jsx
+++ b/src/notification-preferences/NotificationPreferences.jsx
@@ -58,7 +58,7 @@ const NotificationPreferences = () => {
   }
 
   return (
-    <Container size="md" className="notification-preferences">
+    <Container size="sm" className="notification-preferences">
       <h2 className="notification-heading mt-6 mb-5.5">
         {intl.formatMessage(messages.notificationHeading)}
       </h2>