diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx
index 2faecdec31c32a9c868b2835bd86fb66c06a3900..6926508780f3c50cc3a7c5c15d94de71aa15e44c 100644
--- a/src/components/ui/Modal.tsx
+++ b/src/components/ui/Modal.tsx
@@ -55,6 +55,11 @@ const ModalContent = styled.div<{ [key in 'attachment' | 'noBackground' | 'borde
         margin-top: 0;
     }
 
+    form {
+        display: flex;
+        flex-direction: column;
+    }
+
     ${ props => !props.noBackground && css`
         background: var(--secondary-header);
     ` }
diff --git a/src/context/intermediate/modals/Input.tsx b/src/context/intermediate/modals/Input.tsx
index fd8d44eca75ff3b379b7461a6db6ef7a6deae724..f25b992189ef5d19fbd63d863ea467e98d42d799 100644
--- a/src/context/intermediate/modals/Input.tsx
+++ b/src/context/intermediate/modals/Input.tsx
@@ -54,13 +54,15 @@ export function InputModal({
             ]}
             onClose={onClose}
         >
-            { field ? <Overline error={error} block>
-                {field}
-            </Overline> : (error && <Overline error={error} type="error" block />) }
-            <InputBox
-                value={value}
-                onChange={e => setValue(e.currentTarget.value)}
-            />
+            <form>
+                { field ? <Overline error={error} block>
+                    {field}
+                </Overline> : (error && <Overline error={error} type="error" block />) }
+                <InputBox
+                    value={value}
+                    onChange={e => setValue(e.currentTarget.value)}
+                />
+            </form>
         </Modal>
     );
 }
diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index ad93f0c2be0a98559efd2a0e51e21fec6302d97d..05846604524ab7712cc2403f34e443bc1006aefc 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -34,14 +34,15 @@ const Routes = styled.div`
 export default function App() {
     const path = useLocation().pathname;
     const fixedBottomNav = (path === '/' || path === '/settings' || path.startsWith("/friends"));
-    const inSettings = path === '/settings';
+    const inSettings = path.includes('/settings');
     const inChannel = path.includes('/channel');
+    const inSpecial = path.startsWith('/invite') || path.startsWith("/friends") || path.startsWith("/settings");
 
     return (
         <OverlappingPanels
             width="100vw"
             height="100vh"
-            leftPanel={inSettings ? undefined : { width: 292, component: <LeftSidebar /> }}
+            leftPanel={inSpecial ? undefined : { width: 292, component: <LeftSidebar /> }}
             rightPanel={(!inSettings && inChannel) ? { width: 240, component: <RightSidebar /> } : undefined}
             bottomNav={{
                 component: <BottomNavigation />,
diff --git a/src/pages/settings/server/Panes.module.scss b/src/pages/settings/server/Panes.module.scss
index cbf8e5a9397b2c259bcbd1a6c7ed95abd970ca58..b34d3b783ae13cd0b96b4596635a9d8d3c34cb62 100644
--- a/src/pages/settings/server/Panes.module.scss
+++ b/src/pages/settings/server/Panes.module.scss
@@ -81,6 +81,7 @@
     .overview {
         height: 85vh; //TOFIX change later
         display: flex;
+        
         .list {
             overflow-y: scroll;
         }