diff --git a/src/renderer/components/GameListHeader.tsx b/src/renderer/components/GameListHeader.tsx
index b894acf1b..199f98f40 100644
--- a/src/renderer/components/GameListHeader.tsx
+++ b/src/renderer/components/GameListHeader.tsx
@@ -12,10 +12,10 @@ export function GameListHeader(props: GameListHeaderProps) {
     <div className='game-list-header'>
       <Column modifier='icon' hideDivider={true} />
       <div className='game-list-header__right'>
-        <Column title='Title'     modifier='title'     />
-        <Column title='Genre'     modifier='genre'     />
-        <Column title='Developer' modifier='developer' />
-        <Column title='Publisher' modifier='publisher' />
+        <Column title='Title'     modifier='title'     hideDivider={true} />
+        <Column title='Genre'     modifier='genre'                        />
+        <Column title='Developer' modifier='developer'                    />
+        <Column title='Publisher' modifier='publisher'                    />
       </div>
       <div className='game-list-header__scroll-fill' />
     </div>
diff --git a/static/window/styles/fancy.css b/static/window/styles/fancy.css
index 0706eee72..c032b8f9a 100644
--- a/static/window/styles/fancy.css
+++ b/static/window/styles/fancy.css
@@ -589,10 +589,16 @@ body {
   image-rendering: var(--layout__game-item-thumb-image-rendering);
 }
 /* GameList Header */
-.game-list-header-column__divider,
-.game-list-header__scroll-fill {
+.game-list-header-column__divider {
   background: var(--layout__browse-sidebar-divider-background);
 }
+.game-list-header__scroll-fill {
+  background: linear-gradient(to left, var(--layout__tertiary-background), #00000000);
+}
+/* GameList Header Column */
+.game-list-header-column--icon {
+  background: linear-gradient(to right, var(--layout__tertiary-background), #00000000);
+}
 
 
 /* GameGrid */