diff --git a/packages/components/src/components/cards/EventCard.tsx b/packages/components/src/components/cards/EventCard.tsx
index 7159c5c03..6cfcb4e3b 100644
--- a/packages/components/src/components/cards/EventCard.tsx
+++ b/packages/components/src/components/cards/EventCard.tsx
@@ -47,6 +47,7 @@ import { WikiPageListRow } from './partials/rows/WikiPageListRow'
 export interface EventCardProps {
   event: EnhancedGitHubEvent
   repoIsKnown?: boolean
+  isFocused?: boolean
 }
 
 const styles = StyleSheet.create({
@@ -56,7 +57,7 @@ const styles = StyleSheet.create({
 })
 
 export const EventCard = React.memo((props: EventCardProps) => {
-  const { event, repoIsKnown } = props
+  const { event, repoIsKnown, isFocused } = props
 
   const springAnimatedTheme = useSpringAnimatedTheme()
 
@@ -175,17 +176,16 @@ export const EventCard = React.memo((props: EventCardProps) => {
 
   const smallLeftColumn = false
 
+  const getBackgroundColor = () => {
+    if (isFocused) return springAnimatedTheme.backgroundColorDarker2
+    if (isRead) return springAnimatedTheme.backgroundColorDarker1
+    return springAnimatedTheme.backgroundColor
+  }
+
   return (
     <SpringAnimatedView
       key={`event-card-${id}-inner`}
-      style={[
-        styles.container,
-        {
-          backgroundColor: isRead
-            ? springAnimatedTheme.backgroundColorDarker1
-            : springAnimatedTheme.backgroundColor,
-        },
-      ]}
+      style={[styles.container, { backgroundColor: getBackgroundColor() }]}
     >
       <EventCardHeader
         key={`event-card-header-${id}`}
diff --git a/packages/components/src/components/cards/EventCards.tsx b/packages/components/src/components/cards/EventCards.tsx
index bc66efd32..595474fcf 100644
--- a/packages/components/src/components/cards/EventCards.tsx
+++ b/packages/components/src/components/cards/EventCards.tsx
@@ -1,10 +1,13 @@
 import React from 'react'
-import { View } from 'react-native'
+import { FlatList, View } from 'react-native'
 
 import { Column, constants, EnhancedGitHubEvent, LoadState } from '@devhub/core'
+import { useKeyboardScrolling } from '../../hooks/use-keyboard-scrolling'
 import { useReduxAction } from '../../hooks/use-redux-action'
+import { useReduxState } from '../../hooks/use-redux-state'
 import { ErrorBoundary } from '../../libs/bugsnag'
 import * as actions from '../../redux/actions'
+import { focusedColumnSelector } from '../../redux/selectors'
 import { contentPadding } from '../../styles/variables'
 import { Button } from '../common/Button'
 import { FlatListWithOverlay } from '../common/FlatListWithOverlay'
@@ -36,6 +39,16 @@ export const EventCards = React.memo((props: EventCardsProps) => {
     refresh,
   } = props
 
+  const flatListRef = React.useRef<FlatList<View>>(null)
+
+  const focusedIndex = useKeyboardScrolling({
+    ref: flatListRef,
+    columnId: column.id,
+    length: events.length,
+  })
+
+  const focusedColumn = useReduxState(focusedColumnSelector)
+
   const setColumnClearedAtFilter = useReduxAction(
     actions.setColumnClearedAtFilter,
   )
@@ -73,16 +86,30 @@ export const EventCards = React.memo((props: EventCardsProps) => {
     return `event-card-${event.id}`
   }
 
-  function renderItem({ item: event }: { item: EnhancedGitHubEvent }) {
+  function renderItem({
+    item: event,
+    index,
+  }: {
+    item: EnhancedGitHubEvent
+    index: number
+  }) {
     if (props.swipeable) {
       return (
-        <SwipeableEventCard event={event} repoIsKnown={props.repoIsKnown} />
+        <SwipeableEventCard
+          event={event}
+          repoIsKnown={props.repoIsKnown}
+          isFocused={columnIndex === focusedColumn && index === focusedIndex}
+        />
       )
     }
 
     return (
       <ErrorBoundary>
-        <EventCard event={event} repoIsKnown={props.repoIsKnown} />
+        <EventCard
+          event={event}
+          repoIsKnown={props.repoIsKnown}
+          isFocused={columnIndex === focusedColumn && index === focusedIndex}
+        />
       </ErrorBoundary>
     )
   }
@@ -128,6 +155,7 @@ export const EventCards = React.memo((props: EventCardsProps) => {
 
   return (
     <FlatListWithOverlay
+      ref={flatListRef}
       data={events}
       ItemSeparatorComponent={CardItemSeparator}
       ListFooterComponent={renderFooter}
diff --git a/packages/components/src/components/cards/NotificationCard.tsx b/packages/components/src/components/cards/NotificationCard.tsx
index 5d8d4f23f..0ed2f3b0f 100644
--- a/packages/components/src/components/cards/NotificationCard.tsx
+++ b/packages/components/src/components/cards/NotificationCard.tsx
@@ -36,6 +36,7 @@ export interface NotificationCardProps {
   notification: EnhancedGitHubNotification
   onlyOneRepository?: boolean
   repoIsKnown?: boolean
+  isFocused?: boolean
 }
 
 const styles = StyleSheet.create({
@@ -45,7 +46,7 @@ const styles = StyleSheet.create({
 })
 
 export const NotificationCard = React.memo((props: NotificationCardProps) => {
-  const { notification, onlyOneRepository } = props
+  const { notification, onlyOneRepository, isFocused } = props
 
   const springAnimatedTheme = useSpringAnimatedTheme()
   const hasPrivateAccess = useReduxState(
@@ -171,17 +172,16 @@ export const NotificationCard = React.memo((props: NotificationCardProps) => {
 
   const smallLeftColumn = false
 
+  const getBackgroundColor = () => {
+    if (isFocused) return springAnimatedTheme.backgroundColorDarker2
+    if (isRead) return springAnimatedTheme.backgroundColorDarker1
+    return springAnimatedTheme.backgroundColor
+  }
+
   return (
     <SpringAnimatedView
       key={`notification-card-${id}-inner`}
-      style={[
-        styles.container,
-        {
-          backgroundColor: isRead
-            ? springAnimatedTheme.backgroundColorDarker1
-            : springAnimatedTheme.backgroundColor,
-        },
-      ]}
+      style={[styles.container, { backgroundColor: getBackgroundColor() }]}
     >
       <NotificationCardHeader
         key={`notification-card-header-${id}`}
diff --git a/packages/components/src/components/cards/NotificationCards.tsx b/packages/components/src/components/cards/NotificationCards.tsx
index 0b8f6c595..27b0e86c5 100644
--- a/packages/components/src/components/cards/NotificationCards.tsx
+++ b/packages/components/src/components/cards/NotificationCards.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { View } from 'react-native'
+import { FlatList, View } from 'react-native'
 
 import {
   Column,
@@ -7,9 +7,12 @@ import {
   EnhancedGitHubNotification,
   LoadState,
 } from '@devhub/core'
+import { useKeyboardScrolling } from '../../hooks/use-keyboard-scrolling'
 import { useReduxAction } from '../../hooks/use-redux-action'
+import { useReduxState } from '../../hooks/use-redux-state'
 import { ErrorBoundary } from '../../libs/bugsnag'
 import * as actions from '../../redux/actions'
+import { focusedColumnSelector } from '../../redux/selectors'
 import { contentPadding } from '../../styles/variables'
 import { Button } from '../common/Button'
 import { FlatListWithOverlay } from '../common/FlatListWithOverlay'
@@ -41,6 +44,16 @@ export const NotificationCards = React.memo((props: NotificationCardsProps) => {
     refresh,
   } = props
 
+  const flatListRef = React.useRef<FlatList<View>>(null)
+
+  const focusedIndex = useKeyboardScrolling({
+    ref: flatListRef,
+    columnId: column.id,
+    length: notifications.length,
+  })
+
+  const focusedColumn = useReduxState(focusedColumnSelector)
+
   const setColumnClearedAtFilter = useReduxAction(
     actions.setColumnClearedAtFilter,
   )
@@ -79,14 +92,17 @@ export const NotificationCards = React.memo((props: NotificationCardsProps) => {
 
   function renderItem({
     item: notification,
+    index,
   }: {
     item: EnhancedGitHubNotification
+    index: number
   }) {
     if (props.swipeable) {
       return (
         <SwipeableNotificationCard
           notification={notification}
           repoIsKnown={props.repoIsKnown}
+          isFocused={columnIndex === focusedColumn && index === focusedIndex}
         />
       )
     }
@@ -96,6 +112,7 @@ export const NotificationCards = React.memo((props: NotificationCardsProps) => {
         <NotificationCard
           notification={notification}
           repoIsKnown={props.repoIsKnown}
+          isFocused={columnIndex === focusedColumn && index === focusedIndex}
         />
       </ErrorBoundary>
     )
@@ -142,6 +159,7 @@ export const NotificationCards = React.memo((props: NotificationCardsProps) => {
 
   return (
     <FlatListWithOverlay
+      ref={flatListRef}
       key="notification-cards-flat-list"
       ItemSeparatorComponent={CardItemSeparator}
       ListFooterComponent={renderFooter}
diff --git a/packages/components/src/hooks/use-emitter.ts b/packages/components/src/hooks/use-emitter.ts
index 57461138b..91f61eea0 100644
--- a/packages/components/src/hooks/use-emitter.ts
+++ b/packages/components/src/hooks/use-emitter.ts
@@ -2,7 +2,10 @@ import { DependencyList, useEffect } from 'react'
 
 import { emitter } from '../setup'
 
-export type EmitterType = 'FOCUS_ON_COLUMN'
+export type EmitterType =
+  | 'FOCUS_ON_COLUMN'
+  | 'SCROLL_DOWN_COLUMN'
+  | 'SCROLL_UP_COLUMN'
 
 export function useEmitter(
   key?: EmitterType,
diff --git a/packages/components/src/hooks/use-keyboard-scrolling.ts b/packages/components/src/hooks/use-keyboard-scrolling.ts
new file mode 100644
index 000000000..3af375533
--- /dev/null
+++ b/packages/components/src/hooks/use-keyboard-scrolling.ts
@@ -0,0 +1,50 @@
+import React from 'react'
+import { FlatList, View } from 'react-native'
+import { useEmitter } from './use-emitter'
+
+interface KeyboardScrollingConfig {
+  ref: React.RefObject<FlatList<View>>
+  columnId: string
+  length: number
+}
+
+export function useKeyboardScrolling({
+  ref,
+  columnId,
+  length,
+}: KeyboardScrollingConfig) {
+  const [selectedCardIndex, setSelectedCardIndex] = React.useState(0)
+  useEmitter(
+    'SCROLL_DOWN_COLUMN',
+    (payload: { columnId: string }) => {
+      if (!ref.current) return
+      if (columnId !== payload.columnId) return
+      const index = selectedCardIndex + 1
+      if (index < length) {
+        ref.current.scrollToIndex({
+          animated: true,
+          index,
+        })
+        setSelectedCardIndex(index)
+      }
+    },
+    [selectedCardIndex, length],
+  )
+  useEmitter(
+    'SCROLL_UP_COLUMN',
+    (payload: { columnId: string }) => {
+      if (!ref.current) return
+      if (columnId !== payload.columnId) return
+      const index = selectedCardIndex - 1
+      if (index >= 0) {
+        ref.current.scrollToIndex({
+          animated: true,
+          index,
+        })
+        setSelectedCardIndex(index)
+      }
+    },
+    [selectedCardIndex, length],
+  )
+  return selectedCardIndex
+}
diff --git a/packages/components/src/redux/actions/columns.ts b/packages/components/src/redux/actions/columns.ts
index f3d5ebb81..93577285a 100644
--- a/packages/components/src/redux/actions/columns.ts
+++ b/packages/components/src/redux/actions/columns.ts
@@ -8,6 +8,10 @@ import {
 } from '@devhub/core'
 import { createAction } from '../helpers'
 
+export function focusColumn(payload: number) {
+  return createAction('FOCUS_COLUMN', payload)
+}
+
 export function replaceColumnsAndSubscriptions(
   payload: ColumnsAndSubscriptions,
 ) {
diff --git a/packages/components/src/redux/reducers/columns.ts b/packages/components/src/redux/reducers/columns.ts
index 25be621e6..8d0afaceb 100644
--- a/packages/components/src/redux/reducers/columns.ts
+++ b/packages/components/src/redux/reducers/columns.ts
@@ -14,12 +14,14 @@ export interface State {
   allIds: string[]
   byId: Record<string, Column | undefined> | null
   updatedAt: string | null
+  focused: number
 }
 
 const initialState: State = {
   allIds: [],
   byId: null,
   updatedAt: null,
+  focused: 0,
 }
 
 export const columnsReducer: Reducer<State> = (
@@ -27,6 +29,10 @@ export const columnsReducer: Reducer<State> = (
   action,
 ) => {
   switch (action.type) {
+    case 'FOCUS_COLUMN':
+      return immer(state, draft => {
+        draft.focused = action.payload
+      })
     case 'ADD_COLUMN_AND_SUBSCRIPTIONS':
       return immer(state, draft => {
         draft.allIds = draft.allIds || []
diff --git a/packages/components/src/redux/selectors/columns.ts b/packages/components/src/redux/selectors/columns.ts
index 0a043cd57..8255191ff 100644
--- a/packages/components/src/redux/selectors/columns.ts
+++ b/packages/components/src/redux/selectors/columns.ts
@@ -5,6 +5,8 @@ import { createSubscriptionSelector } from './subscriptions'
 
 const s = (state: RootState) => state.columns || {}
 
+export const focusedColumnSelector = (state: RootState) => s(state).focused
+
 export const createColumnSelector = () =>
   createSelector(
     (state: RootState) => s(state).byId,
diff --git a/packages/components/src/screens/MainScreen.tsx b/packages/components/src/screens/MainScreen.tsx
index 91a5d8f62..0d12b90ae 100644
--- a/packages/components/src/screens/MainScreen.tsx
+++ b/packages/components/src/screens/MainScreen.tsx
@@ -37,7 +37,9 @@ const styles = StyleSheet.create({
 export const MainScreen = React.memo(() => {
   const currentOpenedModal = useReduxState(selectors.currentOpenedModal)
   const columnIds = useReduxState(selectors.columnIdsSelector)
+  const focusedColumn = useReduxState(selectors.focusedColumnSelector)
   const closeAllModals = useReduxAction(actions.closeAllModals)
+  const focusColumn = useReduxAction(actions.focusColumn)
   const popModal = useReduxAction(actions.popModal)
   const replaceModal = useReduxAction(actions.replaceModal)
   const syncDown = useReduxAction(actions.syncDown)
@@ -105,6 +107,55 @@ export const MainScreen = React.memo(() => {
         return
       }
 
+      if (e.key === 'j') {
+        emitter.emit(
+          'SCROLL_DOWN_COLUMN',
+          {
+            columnId: columnIds[focusedColumn],
+          },
+          [focusedColumn],
+        )
+        return
+      }
+
+      if (e.key === 'l') {
+        const nextColumn = focusedColumn + 1
+        if (nextColumn < columnIds.length) {
+          emitter.emit('FOCUS_ON_COLUMN', {
+            animated: true,
+            columnId: columnIds[nextColumn],
+            columnIndex: nextColumn,
+            highlight: true,
+          })
+          focusColumn(nextColumn)
+        }
+        return
+      }
+      if (e.key === 'h') {
+        const previousColumn = focusedColumn - 1
+        if (previousColumn >= 0) {
+          emitter.emit('FOCUS_ON_COLUMN', {
+            animated: true,
+            columnId: columnIds[previousColumn],
+            columnIndex: previousColumn,
+            highlight: true,
+          })
+          focusColumn(previousColumn)
+        }
+        return
+      }
+
+      if (e.key === 'k') {
+        emitter.emit(
+          'SCROLL_UP_COLUMN',
+          {
+            columnId: columnIds[focusedColumn],
+          },
+          [focusedColumn],
+        )
+        return
+      }
+
       if (columnIds.length > 0) {
         const n = e.key >= '0' && e.key <= '9' ? parseInt(e.key, 10) : -1
 
@@ -116,6 +167,7 @@ export const MainScreen = React.memo(() => {
             columnIndex,
             highlight: true,
           })
+          focusColumn(columnIndex)
           return
         }
 
@@ -127,12 +179,13 @@ export const MainScreen = React.memo(() => {
             columnIndex,
             highlight: true,
           })
+          focusColumn(columnIndex)
           return
         }
       }
     },
     undefined,
-    [columnIds],
+    [columnIds, focusedColumn],
   )
 
   useEmitter(