diff --git a/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.module.scss b/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.module.scss
index bd3f49c4e..86fa13559 100644
--- a/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.module.scss
+++ b/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.module.scss
@@ -38,7 +38,7 @@
   div[class*='TableV2--cells'],
   div[class*='TableV2--header'] {
     display: grid !important;
-    grid-template-columns: 1fr 1fr 0.5fr 1fr 1fr 50px;
+    grid-template-columns: 1.5fr 1.5fr 0.5fr 0.75fr 1fr 50px;
   }
 }
 
diff --git a/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.tsx b/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.tsx
index 54c06b9e6..db1979bf9 100644
--- a/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.tsx
+++ b/web/src/cde-gitness/components/GitspaceListing/ListGitspaces.tsx
@@ -168,6 +168,7 @@ export const RenderGitspaceName: Renderer<CellProps<TypesGitspaceConfig>> = ({ r
       <Layout.Horizontal spacing={'small'} flex={{ alignItems: 'center', justifyContent: 'start' }}>
         <img src={ide === IDEType.VSCODE ? VSCode : vsCodeWebIcon} height={20} width={20} />
         <Text
+          width="90%"
           lineClamp={1}
           color={Color.BLACK}
           title={name}
@@ -210,23 +211,25 @@ export const RenderRepository: Renderer<CellProps<TypesGitspaceConfig>> = ({ row
   const { name, branch, code_repo_url, code_repo_type } = details || {}
 
   return (
-    <Layout.Vertical spacing={'small'}>
-      <Layout.Horizontal
-        spacing={'small'}
-        className={css.repositoryCell}
-        flex={{ alignItems: 'center', justifyContent: 'start' }}
-        onClick={e => {
-          e.preventDefault()
-          e.stopPropagation()
-          window.open(code_repo_url, '_blank')
-        }}>
-        <Container height={24} width={24}>
-          {getIconByRepoType({ repoType: code_repo_type })}
-        </Container>
+    <Layout.Horizontal
+      spacing={'small'}
+      className={css.repositoryCell}
+      flex={{ alignItems: 'center', justifyContent: 'start' }}
+      onClick={e => {
+        e.preventDefault()
+        e.stopPropagation()
+        window.open(code_repo_url, '_blank')
+      }}>
+      <Container height={24} width={24}>
+        {getIconByRepoType({ repoType: code_repo_type })}
+      </Container>
+      <Container width="100%">
         <Text lineClamp={1} color={Color.PRIMARY_7} title={name} font={{ align: 'left', size: 'normal' }}>
           {name}
         </Text>
-        <Text color={Color.PRIMARY_7}>:</Text>
+      </Container>
+      <Text color={Color.PRIMARY_7}>:</Text>
+      <Container width="30%">
         <Text
           lineClamp={1}
           icon="git-branch"
@@ -236,8 +239,8 @@ export const RenderRepository: Renderer<CellProps<TypesGitspaceConfig>> = ({ row
           font={{ align: 'left', size: 'normal' }}>
           {branch}
         </Text>
-      </Layout.Horizontal>
-    </Layout.Vertical>
+      </Container>
+    </Layout.Horizontal>
   )
 }