diff --git a/src/app/components/App.tsx b/src/app/components/App.tsx
index e11848c096fb744070e9ec9384aa704788c0ec4f..b962ffbc2a46820635c432fa828a40bc113190f8 100644
--- a/src/app/components/App.tsx
+++ b/src/app/components/App.tsx
@@ -62,11 +62,14 @@ const App: React.FC = () => {
             </div>
             {(projectId) ? (
                 <>
-                    <CommitList projectId={projectId} token={token} host={domain} onCommitClick={handleCommitClick} />
-                    {selectedCommit && (
-                        <CommitDetail projectId={projectId} commitId={selectedCommit} token={token} />
-                    )}
+                    <div className="flex p">
+                        <CommitList projectId={projectId} token={token} host={domain} onCommitClick={handleCommitClick} />
+                        {selectedCommit && (
+                            <CommitDetail projectId={projectId} commitId={selectedCommit} token={token} />
+                        )}
+                    </div>
                 </>
+
             ) : null}
         </div>
     );
diff --git a/src/app/components/CommitDetail.tsx b/src/app/components/CommitDetail.tsx
index 9d6247924b23b4cc379bec052ec88e7c89919fb7..66ae0e21cc838b3202b8e4bde1a768a26e767b7d 100644
--- a/src/app/components/CommitDetail.tsx
+++ b/src/app/components/CommitDetail.tsx
@@ -15,7 +15,7 @@ const CommitDetail: React.FC<CommitDetailProps> = ({ projectId, commitId, token
     if (error) return <p>Error: {error.message}</p>;
 
     return (commit) && (
-        <div className="bg-white shadow-md rounded-lg p-4">
+        <div className="bg-white shadow-md rounded-lg p-4 ml-4">
             <p className="mb-2"><strong>ID:</strong> {commit.id}</p>
             <p className="mb-2"><strong>Short ID:</strong> {commit.short_id}</p>
             <p className="mb-2"><strong>Created At:</strong> {new Date(commit.created_at).toLocaleString()}</p>
diff --git a/src/app/components/CommitList.tsx b/src/app/components/CommitList.tsx
index 9956250afae68c10e4ca5ff98fb2ea400b173831..f49f0cb43f01d205b199646ec26ba00081a561ce 100644
--- a/src/app/components/CommitList.tsx
+++ b/src/app/components/CommitList.tsx
@@ -23,8 +23,6 @@ const CommitList: React.FC<CommitListProps> = ({ projectId, token, host, onCommi
 
     return (
         <div className="bg-white shadow-md rounded-lg p-4">
-            <p>{host}</p>
-
             {commits ? (
                 <ul className="bg-white shadow-md rounded-lg p-4">
                     {commits.map(commit => (