diff --git a/src/app/self-service/page.tsx b/src/app/self-service/page.tsx
index 6853ebf..38ec00d 100644
--- a/src/app/self-service/page.tsx
+++ b/src/app/self-service/page.tsx
@@ -23,7 +23,7 @@ export default function SelfService() {
   const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
   const [allowAlias, setAllowAlias] = useState(false);
   const dimensions = useWindowDimensions();
-  const mobileUi = dimensions.width < 1500;
+  const mobileUi = dimensions.width < 1200;
 
   useEffect(() => {
     fetchOwnAliases().then(setAliases);
diff --git a/src/lib/components/NavigationWrapper.tsx b/src/lib/components/NavigationWrapper.tsx
index 59eccd2..25cbc09 100644
--- a/src/lib/components/NavigationWrapper.tsx
+++ b/src/lib/components/NavigationWrapper.tsx
@@ -15,14 +15,14 @@ export default function NavigationWrapper({
     return (
       <Flex direction='row' gap='4'>
         <div><NavigationPanel /></div>
-        <div className='w-full p-4'>{children}</div>
+        <div className='w-full p-0'>{children}</div>
       </Flex>
     );
   } else {
     return (
       <Flex direction='column' gap='4'>
       <div><NavigationPanel mobileUi /></div>
-        <div className='w-full p-4 pt-0'>{children}</div>
+        <div className='w-full p-0'>{children}</div>
       </Flex>
     );
   };