ajust styles

apps/app/src/components/Sidebar/InAppNotification/InAppNotification.tsx

@@ -15,7 +15,7 @@ export const InAppNotification = (): JSX.Element => {
   const [isUnreadNotificationsVisible, setUnreadNotificationsVisible] = useState(false);
 
   return (
-    <div className="px-3 ">
+    <div className="px-3">
       <div className="grw-sidebar-content-header py-3 d-flex">
         <h3 className="mb-0">
           {t('In-App Notification')}

apps/app/src/components/Sidebar/InAppNotification/InAppNotificationSubstance.tsx

@@ -12,7 +12,7 @@ export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.
   const { onChangeUnreadNotificationsVisible } = props;
 
   return (
-    <div className="px-4 mt-2 mb-2">
+    <div className="px-4 my-2">
       <div className="form-check form-switch">
         <label className="form-check-label" htmlFor="flexSwitchCheckDefault">Only unread</label>
         <input