style: change feedback widget location

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;
+  }
+}

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">

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>