4 files changed, 4 insertions, 4 deletions
diff --git a/ui/src/pages/Dotfiles.tsx b/ui/src/pages/Dotfiles.tsx
index cd80be66..56f570be 100644
--- a/ui/src/pages/Dotfiles.tsx
+++ b/ui/src/pages/Dotfiles.tsx
@@ -98,7 +98,7 @@ export default function Dotfiles() {
   console.log(current);
 
   return (
-    <div className="pl-60">
+    <div className="w-full flex-1 flex-col p-4">
       <div className="p-10">
         <Header current={current} setCurrent={setCurrent} />
         Manage your shell aliases, variables and paths
diff --git a/ui/src/pages/History.tsx b/ui/src/pages/History.tsx
index 81c83f99..64c2fca6 100644
--- a/ui/src/pages/History.tsx
+++ b/ui/src/pages/History.tsx
@@ -84,7 +84,7 @@ export default function Search() {
 
   return (
     <>
-      <div className="pl-60">
+      <div className="w-full flex-1 flex-col p-4">
         <div className="p-10 history-header">
           <Header />
           <p>A history of all the commands you run in your shell.</p>
diff --git a/ui/src/pages/Home.tsx b/ui/src/pages/Home.tsx
index 9b1c0976..b7c4503d 100644
--- a/ui/src/pages/Home.tsx
+++ b/ui/src/pages/Home.tsx
@@ -125,7 +125,7 @@ export default function Home() {
   }
 
   return (
-    <div className="pl-60">
+    <div className="w-full flex-1 flex-col p-4">
       <div className="p-10">
         <Header name={user.username} />
 
diff --git a/ui/src/pages/Runbooks.tsx b/ui/src/pages/Runbooks.tsx
index 71887310..4237e065 100644
--- a/ui/src/pages/Runbooks.tsx
+++ b/ui/src/pages/Runbooks.tsx
@@ -2,7 +2,7 @@ import Editor from "@/components/runbooks/editor/Editor";
 
 export default function Runbooks() {
   return (
-    <div className="pl-60 p-4 ">
+    <div className="w-full flex-1 flex-col p-4">
       <Editor />
     </div>
   );