diff --git a/app/UI/app.tsx b/app/UI/app.tsx
index fd23a08..2ac6ae0 100644
--- a/app/UI/app.tsx
+++ b/app/UI/app.tsx
@@ -402,7 +402,7 @@ export class AppComponent extends Component<AppProps> {
         if (model.navigationModel.activeNav == "Profile") {
             profileEditorNode = (
                 <div
-                    class={`h-full px-[3rem] sm:px-4 bg-[${SecondaryBackgroundColor}] flex-1 overflow-auto block`}
+                    class={`h-full px-4 bg-[${SecondaryBackgroundColor}] flex-1 overflow-auto block`}
                 >
                     <div
                         class={`max-w-[35rem] h-full m-auto`}
diff --git a/app/UI/dm.tsx b/app/UI/dm.tsx
index 5f0aa73..2d05018 100644
--- a/app/UI/dm.tsx
+++ b/app/UI/dm.tsx
@@ -51,7 +51,7 @@ export class DirectMessageContainer extends Component<DirectMessageContainerProp
         console.log(DirectMessageContainer.name, "?");
         const vDom = (
             <div
-                class={`h-full w-full flex bg-[#36393F] overflow-hidden`}
+                class={`h-full flex-1 flex bg-[#36393F] overflow-hidden`}
             >
                 <div
                     class={`w-fit max-sm:w-full
diff --git a/app/UI/public-message-container.tsx b/app/UI/public-message-container.tsx
index c50008e..5fd4922 100644
--- a/app/UI/public-message-container.tsx
+++ b/app/UI/public-message-container.tsx
@@ -72,7 +72,7 @@ export class PublicMessageContainer extends Component<Props, State> {
             msgs = filter_messages(this.props.messages, filter);
         }
         return (
-            <div class="flex flex-row h-full w-full flex bg-[#36393F] overflow-hidden">
+            <div class="flex flex-row h-full flex-1 flex bg-[#36393F] overflow-hidden">
                 {this.state.currentSelectedChannel
                     ? (
                         <div class={`flex flex-col flex-1 overflow-hidden`}>