diff --git a/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx b/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx
index e3e7099c..b167d8c0 100644
--- a/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx
+++ b/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx
@@ -38,7 +38,7 @@ describe('SpatialNavigationVirtualizedGrid', () => {
         <DefaultFocus>
           <SpatialNavigationVirtualizedGrid
             renderItem={renderItem}
-            data={createDataArray(19)}
+            data={createDataArray(28)}
             itemHeight={100}
             numberOfColumns={3}
             testID="test-grid"
@@ -54,7 +54,7 @@ describe('SpatialNavigationVirtualizedGrid', () => {
     expect(screen).toMatchSnapshot();
 
     const listElement = component.getByTestId(gridTestId);
-    expect(listElement).toHaveStyle({ height: 700 });
+    expect(listElement).toHaveStyle({ height: 1000 });
 
     expect(screen.getByText('button 1')).toBeTruthy();
     expectButtonToHaveFocus(component, 'button 1');
@@ -72,7 +72,13 @@ describe('SpatialNavigationVirtualizedGrid', () => {
     expect(screen.getByText('button 13')).toBeTruthy();
     expect(screen.getByText('button 14')).toBeTruthy();
     expect(screen.getByText('button 15')).toBeTruthy();
-    expect(screen.queryByText('button 16')).toBeFalsy();
+    expect(screen.getByText('button 16')).toBeTruthy();
+    expect(screen.getByText('button 17')).toBeTruthy();
+    expect(screen.getByText('button 18')).toBeTruthy();
+    expect(screen.getByText('button 19')).toBeTruthy();
+    expect(screen.getByText('button 20')).toBeTruthy();
+    expect(screen.getByText('button 21')).toBeTruthy();
+    expect(screen.queryByText('button 22')).toBeFalsy();
   });
 
   it('handles correctly RIGHT & DOWN and RENDERS new elements accordingly while deleting elements that are too far from scroll when on stick to start scroll', () => {
@@ -82,7 +88,7 @@ describe('SpatialNavigationVirtualizedGrid', () => {
 
     const listElement = component.getByTestId(gridTestId);
     expectListToHaveScroll(listElement, 0);
-    expect(listElement).toHaveStyle({ height: 700 });
+    expect(listElement).toHaveStyle({ height: 1000 });
 
     testRemoteControlManager.handleRight();
 
@@ -102,70 +108,69 @@ describe('SpatialNavigationVirtualizedGrid', () => {
     expect(screen.getByText('button 13')).toBeTruthy();
     expect(screen.getByText('button 14')).toBeTruthy();
     expect(screen.getByText('button 15')).toBeTruthy();
-    expect(screen.queryByText('button 16')).toBeFalsy();
+    expect(screen.getByText('button 16')).toBeTruthy();
+    expect(screen.getByText('button 17')).toBeTruthy();
+    expect(screen.getByText('button 18')).toBeTruthy();
+    expect(screen.getByText('button 19')).toBeTruthy();
+    expect(screen.getByText('button 20')).toBeTruthy();
+    expect(screen.getByText('button 21')).toBeTruthy();
+    expect(screen.queryByText('button 22')).toBeFalsy();
 
     testRemoteControlManager.handleDown();
     expectListToHaveScroll(listElement, -100);
-
-    expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 2')).toBeTruthy();
-    expect(screen.getByText('button 3')).toBeTruthy();
-    expect(screen.getByText('button 4')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
     expectButtonToHaveFocus(component, 'button 5');
-    expect(screen.getByText('button 6')).toBeTruthy();
-    expect(screen.getByText('button 7')).toBeTruthy();
-    expect(screen.getByText('button 8')).toBeTruthy();
-    expect(screen.getByText('button 9')).toBeTruthy();
-    expect(screen.getByText('button 10')).toBeTruthy();
-    expect(screen.getByText('button 11')).toBeTruthy();
-    expect(screen.getByText('button 12')).toBeTruthy();
-    expect(screen.getByText('button 13')).toBeTruthy();
-    expect(screen.getByText('button 14')).toBeTruthy();
-    expect(screen.getByText('button 15')).toBeTruthy();
-    expect(screen.queryByText('button 16')).toBeFalsy();
 
     testRemoteControlManager.handleDown();
     expectListToHaveScroll(listElement, -200);
+    expectButtonToHaveFocus(component, 'button 8');
+
+    testRemoteControlManager.handleDown();
+    expectListToHaveScroll(listElement, -300);
+    expectButtonToHaveFocus(component, 'button 11');
 
     expect(screen.queryByText('button 1')).toBeFalsy();
     expect(screen.queryByText('button 2')).toBeFalsy();
     expect(screen.queryByText('button 3')).toBeFalsy();
     expect(screen.getByText('button 4')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.getByText('button 6')).toBeTruthy();
+
+    testRemoteControlManager.handleDown();
+    expectListToHaveScroll(listElement, -400);
+    expectButtonToHaveFocus(component, 'button 14');
+
+    expect(screen.queryByText('button 4')).toBeFalsy();
+    expect(screen.queryByText('button 5')).toBeFalsy();
+    expect(screen.queryByText('button 6')).toBeFalsy();
     expect(screen.getByText('button 7')).toBeTruthy();
-    expect(screen.getByText('button 8')).toBeTruthy();
-    expectButtonToHaveFocus(component, 'button 8');
-    expect(screen.getByText('button 9')).toBeTruthy();
-    expect(screen.getByText('button 10')).toBeTruthy();
-    expect(screen.getByText('button 11')).toBeTruthy();
-    expect(screen.getByText('button 12')).toBeTruthy();
-    expect(screen.getByText('button 13')).toBeTruthy();
-    expect(screen.getByText('button 14')).toBeTruthy();
-    expect(screen.getByText('button 15')).toBeTruthy();
-    expect(screen.getByText('button 16')).toBeTruthy();
-    expect(screen.getByText('button 17')).toBeTruthy();
-    expect(screen.getByText('button 18')).toBeTruthy();
-    expect(screen.queryByText('button 19')).toBeFalsy();
 
-    expect(screen).toMatchSnapshot();
+    testRemoteControlManager.handleDown();
+    expectListToHaveScroll(listElement, -500);
+    expectButtonToHaveFocus(component, 'button 17');
+
+    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
+    expect(screen.queryByText('button 9')).toBeFalsy();
+    expect(screen.getByText('button 10')).toBeTruthy();
 
     testRemoteControlManager.handleDown();
-    expectListToHaveScroll(listElement, -300);
-    expectButtonToHaveFocus(component, 'button 11');
+    expectListToHaveScroll(listElement, -600);
+    expectButtonToHaveFocus(component, 'button 20');
+
+    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
+    expect(screen.queryByText('button 9')).toBeFalsy();
+    expect(screen.getByText('button 10')).toBeTruthy();
 
     testRemoteControlManager.handleDown();
-    expectListToHaveScroll(listElement, -400);
-    expectButtonToHaveFocus(component, 'button 14');
+    expectListToHaveScroll(listElement, -700);
+    expectButtonToHaveFocus(component, 'button 23');
 
     testRemoteControlManager.handleDown();
-    expectListToHaveScroll(listElement, -400);
-    expectButtonToHaveFocus(component, 'button 17');
+    expectListToHaveScroll(listElement, -700);
+    expectButtonToHaveFocus(component, 'button 26');
 
     testRemoteControlManager.handleDown();
-    expectListToHaveScroll(listElement, -400);
-    expectButtonToHaveFocus(component, 'button 19');
+    expectListToHaveScroll(listElement, -700);
+    expectButtonToHaveFocus(component, 'button 28');
   });
 
   it('handles correctly RIGHT & DOWN and RENDERS new elements accordingly while deleting elements that are too far from scroll when on stick to end scroll', () => {
diff --git a/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx.snap b/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx.snap
index f37a4985..ffbe2415 100644
--- a/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx.snap
+++ b/packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and RENDERS new elements accordingly while deleting elements that are too far from scroll when on stick to start scroll 1`] = `
+exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`] = `
 <View
   onLayout={[Function]}
   style={
@@ -17,10 +17,10 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
       {
         "flex": 1,
         "flexDirection": "column",
-        "height": 700,
+        "height": 1000,
         "transform": [
           {
-            "translateY": -200,
+            "translateY": 0,
           },
         ],
       }
@@ -35,116 +35,7 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
             "position": "absolute",
             "transform": [
               {
-                "translateY": 100,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            [
-              undefined,
-              {
-                "flexDirection": "row",
-              },
-            ]
-          }
-        >
-          <View>
-            <View
-              accessibilityHint="button 4"
-              accessibilityLabel="button 4"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 4
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 5"
-              accessibilityLabel="button 5"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 5
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 6"
-              accessibilityLabel="button 6"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 6
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-      <View
-        style={
-          {
-            "left": 0,
-            "position": "absolute",
-            "transform": [
-              {
-                "translateY": 200,
+                "translateY": 0,
               },
             ],
           }
@@ -162,36 +53,8 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
         >
           <View>
             <View
-              accessibilityHint="button 7"
-              accessibilityLabel="button 7"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 7
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 8"
-              accessibilityLabel="button 8"
+              accessibilityHint="button 1"
+              accessibilityLabel="button 1"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -212,95 +75,14 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 8
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 9"
-              accessibilityLabel="button 9"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 9
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-      <View
-        style={
-          {
-            "left": 0,
-            "position": "absolute",
-            "transform": [
-              {
-                "translateY": 300,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            [
-              undefined,
-              {
-                "flexDirection": "row",
-              },
-            ]
-          }
-        >
-          <View>
-            <View
-              accessibilityHint="button 10"
-              accessibilityLabel="button 10"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 10
+                button 1
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 11"
-              accessibilityLabel="button 11"
+              accessibilityHint="button 2"
+              accessibilityLabel="button 2"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -321,14 +103,14 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 11
+                button 2
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 12"
-              accessibilityLabel="button 12"
+              accessibilityHint="button 3"
+              accessibilityLabel="button 3"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -349,7 +131,7 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 12
+                button 3
               </Text>
             </View>
           </View>
@@ -362,7 +144,7 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
             "position": "absolute",
             "transform": [
               {
-                "translateY": 400,
+                "translateY": 100,
               },
             ],
           }
@@ -380,8 +162,8 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
         >
           <View>
             <View
-              accessibilityHint="button 13"
-              accessibilityLabel="button 13"
+              accessibilityHint="button 4"
+              accessibilityLabel="button 4"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -402,14 +184,14 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 13
+                button 4
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 14"
-              accessibilityLabel="button 14"
+              accessibilityHint="button 5"
+              accessibilityLabel="button 5"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -430,14 +212,14 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 14
+                button 5
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 15"
-              accessibilityLabel="button 15"
+              accessibilityHint="button 6"
+              accessibilityLabel="button 6"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -458,7 +240,7 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 15
+                button 6
               </Text>
             </View>
           </View>
@@ -471,7 +253,7 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
             "position": "absolute",
             "transform": [
               {
-                "translateY": 500,
+                "translateY": 200,
               },
             ],
           }
@@ -489,64 +271,8 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
         >
           <View>
             <View
-              accessibilityHint="button 16"
-              accessibilityLabel="button 16"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 16
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 17"
-              accessibilityLabel="button 17"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": false,
-                }
-              }
-              accessible={true}
-              isFocused={false}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 17
-              </Text>
-            </View>
-          </View>
-          <View>
-            <View
-              accessibilityHint="button 18"
-              accessibilityLabel="button 18"
+              accessibilityHint="button 7"
+              accessibilityLabel="button 7"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -567,100 +293,14 @@ exports[`SpatialNavigationVirtualizedGrid handles correctly RIGHT & DOWN and REN
               }
             >
               <Text>
-                button 18
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`] = `
-<View
-  onLayout={[Function]}
-  style={
-    {
-      "height": "100%",
-      "width": "100%",
-    }
-  }
-  testID="test-grid-size-giver"
->
-  <View
-    collapsable={false}
-    style={
-      {
-        "flex": 1,
-        "flexDirection": "column",
-        "height": 700,
-        "transform": [
-          {
-            "translateY": 0,
-          },
-        ],
-      }
-    }
-    testID="test-grid"
-  >
-    <View>
-      <View
-        style={
-          {
-            "left": 0,
-            "position": "absolute",
-            "transform": [
-              {
-                "translateY": 0,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            [
-              undefined,
-              {
-                "flexDirection": "row",
-              },
-            ]
-          }
-        >
-          <View>
-            <View
-              accessibilityHint="button 1"
-              accessibilityLabel="button 1"
-              accessibilityRole="button"
-              accessibilityState={
-                {
-                  "selected": true,
-                }
-              }
-              accessible={true}
-              isFocused={true}
-              style={
-                [
-                  {
-                    "backgroundColor": "red",
-                    "borderRadius": 100,
-                    "padding": 6,
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text>
-                button 1
+                button 7
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 2"
-              accessibilityLabel="button 2"
+              accessibilityHint="button 8"
+              accessibilityLabel="button 8"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -681,14 +321,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 2
+                button 8
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 3"
-              accessibilityLabel="button 3"
+              accessibilityHint="button 9"
+              accessibilityLabel="button 9"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -709,7 +349,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 3
+                button 9
               </Text>
             </View>
           </View>
@@ -722,7 +362,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
             "position": "absolute",
             "transform": [
               {
-                "translateY": 100,
+                "translateY": 300,
               },
             ],
           }
@@ -740,8 +380,8 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
         >
           <View>
             <View
-              accessibilityHint="button 4"
-              accessibilityLabel="button 4"
+              accessibilityHint="button 10"
+              accessibilityLabel="button 10"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -762,14 +402,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 4
+                button 10
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 5"
-              accessibilityLabel="button 5"
+              accessibilityHint="button 11"
+              accessibilityLabel="button 11"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -790,14 +430,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 5
+                button 11
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 6"
-              accessibilityLabel="button 6"
+              accessibilityHint="button 12"
+              accessibilityLabel="button 12"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -818,7 +458,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 6
+                button 12
               </Text>
             </View>
           </View>
@@ -831,7 +471,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
             "position": "absolute",
             "transform": [
               {
-                "translateY": 200,
+                "translateY": 400,
               },
             ],
           }
@@ -849,8 +489,8 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
         >
           <View>
             <View
-              accessibilityHint="button 7"
-              accessibilityLabel="button 7"
+              accessibilityHint="button 13"
+              accessibilityLabel="button 13"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -871,14 +511,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 7
+                button 13
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 8"
-              accessibilityLabel="button 8"
+              accessibilityHint="button 14"
+              accessibilityLabel="button 14"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -899,14 +539,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 8
+                button 14
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 9"
-              accessibilityLabel="button 9"
+              accessibilityHint="button 15"
+              accessibilityLabel="button 15"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -927,7 +567,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 9
+                button 15
               </Text>
             </View>
           </View>
@@ -940,7 +580,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
             "position": "absolute",
             "transform": [
               {
-                "translateY": 300,
+                "translateY": 500,
               },
             ],
           }
@@ -958,8 +598,8 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
         >
           <View>
             <View
-              accessibilityHint="button 10"
-              accessibilityLabel="button 10"
+              accessibilityHint="button 16"
+              accessibilityLabel="button 16"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -980,14 +620,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 10
+                button 16
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 11"
-              accessibilityLabel="button 11"
+              accessibilityHint="button 17"
+              accessibilityLabel="button 17"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -1008,14 +648,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 11
+                button 17
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 12"
-              accessibilityLabel="button 12"
+              accessibilityHint="button 18"
+              accessibilityLabel="button 18"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -1036,7 +676,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 12
+                button 18
               </Text>
             </View>
           </View>
@@ -1049,7 +689,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
             "position": "absolute",
             "transform": [
               {
-                "translateY": 400,
+                "translateY": 600,
               },
             ],
           }
@@ -1067,8 +707,8 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
         >
           <View>
             <View
-              accessibilityHint="button 13"
-              accessibilityLabel="button 13"
+              accessibilityHint="button 19"
+              accessibilityLabel="button 19"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -1089,14 +729,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 13
+                button 19
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 14"
-              accessibilityLabel="button 14"
+              accessibilityHint="button 20"
+              accessibilityLabel="button 20"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -1117,14 +757,14 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 14
+                button 20
               </Text>
             </View>
           </View>
           <View>
             <View
-              accessibilityHint="button 15"
-              accessibilityLabel="button 15"
+              accessibilityHint="button 21"
+              accessibilityLabel="button 21"
               accessibilityRole="button"
               accessibilityState={
                 {
@@ -1145,7 +785,7 @@ exports[`SpatialNavigationVirtualizedGrid renders the correct number of item 1`]
               }
             >
               <Text>
-                button 15
+                button 21
               </Text>
             </View>
           </View>
diff --git a/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx b/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx
index 2fe3ea2f..3684b941 100644
--- a/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx
+++ b/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx
@@ -119,7 +119,13 @@ describe('SpatialNavigationVirtualizedList', () => {
     expect(button5).toBeTruthy();
 
     const button6 = screen.queryByText('button 6');
-    expect(button6).toBeFalsy();
+    expect(button6).toBeTruthy();
+
+    const button7 = screen.queryByText('button 7');
+    expect(button7).toBeTruthy();
+
+    const button8 = screen.queryByText('button 8');
+    expect(button8).toBeFalsy();
   });
 
   it('handles correctly RIGHT and RENDERS new elements accordingly while deleting elements that are too far from scroll', async () => {
@@ -138,17 +144,17 @@ describe('SpatialNavigationVirtualizedList', () => {
     expectListToHaveScroll(listElement, -100);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 3');
     expectListToHaveScroll(listElement, -200);
 
-    expect(screen.queryByText('button 1')).toBeFalsy();
+    expect(screen.getByText('button 1')).toBeTruthy();
     expect(screen.getByText('button 2')).toBeTruthy();
-    expect(screen.getByText('button 6')).toBeTruthy();
-    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     expect(screen).toMatchSnapshot();
 
@@ -156,10 +162,11 @@ describe('SpatialNavigationVirtualizedList', () => {
     expectButtonToHaveFocus(component, 'button 4');
     expectListToHaveScroll(listElement, -300);
 
-    expect(screen.queryByText('button 2')).toBeFalsy();
+    expect(screen.queryByText('button 1')).toBeFalsy();
+    expect(screen.getByText('button 2')).toBeTruthy();
     expect(screen.getByText('button 3')).toBeTruthy();
-    expect(screen.getByText('button 7')).toBeTruthy();
-    expect(screen.queryByText('button 8')).toBeFalsy();
+    expect(screen.getByText('button 8')).toBeTruthy();
+    expect(screen.queryByText('button 9')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 5');
@@ -215,26 +222,28 @@ describe('SpatialNavigationVirtualizedList', () => {
       expectListToHaveScroll(listElement, -100);
 
       expect(screen.getByText('button 1')).toBeTruthy();
-      expect(screen.getByText('button 5')).toBeTruthy();
-      expect(screen.queryByText('button 6')).toBeFalsy();
+      expect(screen.getByText('button 7')).toBeTruthy();
+      expect(screen.queryByText('button 8')).toBeFalsy();
 
       testRemoteControlManager.handleRight();
       expectButtonToHaveFocus(component, 'button 3');
       expectListToHaveScroll(listElement, -200);
 
-      expect(screen.queryByText('button 1')).toBeFalsy();
+      expect(screen.getByText('button 1')).toBeTruthy();
       expect(screen.getByText('button 2')).toBeTruthy();
-      expect(screen.getByText('button 6')).toBeTruthy();
-      expect(screen.queryByText('button 7')).toBeFalsy();
+      expect(screen.getByText('button 7')).toBeTruthy();
+      expect(screen.queryByText('button 8')).toBeFalsy();
 
       testRemoteControlManager.handleRight();
       expectButtonToHaveFocus(component, 'button 4');
       expectListToHaveScroll(listElement, -300);
 
-      expect(screen.queryByText('button 2')).toBeFalsy();
+      expect(screen.queryByText('button 1')).toBeFalsy();
+      expect(screen.getByText('button 2')).toBeTruthy();
       expect(screen.getByText('button 3')).toBeTruthy();
       expect(screen.getByText('button 7')).toBeTruthy();
-      expect(screen.queryByText('button 8')).toBeFalsy();
+      expect(screen.getByText('button 8')).toBeTruthy();
+      expect(screen.queryByText('button 9')).toBeFalsy();
 
       testRemoteControlManager.handleRight();
       expectButtonToHaveFocus(component, 'button 5');
@@ -344,33 +353,33 @@ describe('SpatialNavigationVirtualizedList', () => {
     expectListToHaveScroll(listElement, 0);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 3');
     expectListToHaveScroll(listElement, 0);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 4');
     expectListToHaveScroll(listElement, -100);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 5');
     expectListToHaveScroll(listElement, -200);
 
-    expect(screen.queryByText('button 1')).toBeFalsy();
+    expect(screen.getByText('button 1')).toBeTruthy();
     expect(screen.getByText('button 2')).toBeTruthy();
-    expect(screen.getByText('button 6')).toBeTruthy();
-    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 6');
@@ -500,26 +509,25 @@ describe('SpatialNavigationVirtualizedList', () => {
     expectListToHaveScroll(listElement, -100);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 3');
     expectListToHaveScroll(listElement, -300);
 
-    expect(screen.queryByText('button 1')).toBeFalsy();
-    expect(screen.getByText('button 2')).toBeTruthy();
-    expect(screen.getByText('button 6')).toBeTruthy();
-    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.getByText('button 1')).toBeTruthy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 4');
     expectListToHaveScroll(listElement, -400);
 
-    expect(screen.queryByText('button 2')).toBeFalsy();
-    expect(screen.getByText('button 3')).toBeTruthy();
-    expect(screen.getByText('button 7')).toBeTruthy();
-    expect(screen.queryByText('button 8')).toBeFalsy();
+    expect(screen.queryByText('button 1')).toBeFalsy();
+    expect(screen.getByText('button 2')).toBeTruthy();
+    expect(screen.getByText('button 8')).toBeTruthy();
+    expect(screen.queryByText('button 9')).toBeFalsy();
   });
 
   it('handles correctly different item sizes on stick to end scroll', async () => {
@@ -549,33 +557,33 @@ describe('SpatialNavigationVirtualizedList', () => {
     expectListToHaveScroll(listElement, 0);
 
     expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
 
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 3');
     expectListToHaveScroll(listElement, -100);
 
-    expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
-
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 4');
     expectListToHaveScroll(listElement, -300);
 
-    expect(screen.getByText('button 1')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 6')).toBeFalsy();
-
     testRemoteControlManager.handleRight();
     expectButtonToHaveFocus(component, 'button 5');
     expectListToHaveScroll(listElement, -400);
 
+    expect(screen.getByText('button 1')).toBeTruthy();
+    expect(screen.getByText('button 7')).toBeTruthy();
+    expect(screen.queryByText('button 8')).toBeFalsy();
+
+    testRemoteControlManager.handleRight();
+    expectButtonToHaveFocus(component, 'button 6');
+    expectListToHaveScroll(listElement, -600);
+
     expect(screen.queryByText('button 1')).toBeFalsy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.getByText('button 5')).toBeTruthy();
-    expect(screen.queryByText('button 7')).toBeFalsy();
+    expect(screen.getByText('button 2')).toBeTruthy();
+    expect(screen.getByText('button 8')).toBeTruthy();
+    expect(screen.queryByText('button 9')).toBeFalsy();
   });
 
   it('jumps to first element on go to first button press', async () => {
diff --git a/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx.snap b/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx.snap
index 4462e6d2..f24e65d4 100644
--- a/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx.snap
+++ b/packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx.snap
@@ -28,6 +28,46 @@ exports[`SpatialNavigationVirtualizedList handles correctly RIGHT and RENDERS ne
     testID="test-list"
   >
     <View>
+      <View
+        style={
+          {
+            "left": 0,
+            "position": "absolute",
+            "transform": [
+              {
+                "translateX": 0,
+              },
+            ],
+          }
+        }
+      >
+        <View
+          accessibilityHint="button 1"
+          accessibilityLabel="button 1"
+          accessibilityRole="button"
+          accessibilityState={
+            {
+              "selected": false,
+            }
+          }
+          accessible={true}
+          isFocused={false}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "borderRadius": 100,
+                "padding": 6,
+              },
+              undefined,
+            ]
+          }
+        >
+          <Text>
+            button 1
+          </Text>
+        </View>
+      </View>
       <View
         style={
           {
@@ -228,6 +268,46 @@ exports[`SpatialNavigationVirtualizedList handles correctly RIGHT and RENDERS ne
           </Text>
         </View>
       </View>
+      <View
+        style={
+          {
+            "left": 0,
+            "position": "absolute",
+            "transform": [
+              {
+                "translateX": 600,
+              },
+            ],
+          }
+        }
+      >
+        <View
+          accessibilityHint="button 7"
+          accessibilityLabel="button 7"
+          accessibilityRole="button"
+          accessibilityState={
+            {
+              "selected": false,
+            }
+          }
+          accessible={true}
+          isFocused={false}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "borderRadius": 100,
+                "padding": 6,
+              },
+              undefined,
+            ]
+          }
+        >
+          <Text>
+            button 7
+          </Text>
+        </View>
+      </View>
     </View>
   </View>
 </View>
@@ -461,6 +541,86 @@ exports[`SpatialNavigationVirtualizedList renders the correct number of item 1`]
           </Text>
         </View>
       </View>
+      <View
+        style={
+          {
+            "left": 0,
+            "position": "absolute",
+            "transform": [
+              {
+                "translateX": 500,
+              },
+            ],
+          }
+        }
+      >
+        <View
+          accessibilityHint="button 6"
+          accessibilityLabel="button 6"
+          accessibilityRole="button"
+          accessibilityState={
+            {
+              "selected": false,
+            }
+          }
+          accessible={true}
+          isFocused={false}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "borderRadius": 100,
+                "padding": 6,
+              },
+              undefined,
+            ]
+          }
+        >
+          <Text>
+            button 6
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "left": 0,
+            "position": "absolute",
+            "transform": [
+              {
+                "translateX": 600,
+              },
+            ],
+          }
+        }
+      >
+        <View
+          accessibilityHint="button 7"
+          accessibilityLabel="button 7"
+          accessibilityRole="button"
+          accessibilityState={
+            {
+              "selected": false,
+            }
+          }
+          accessible={true}
+          isFocused={false}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "borderRadius": 100,
+                "padding": 6,
+              },
+              undefined,
+            ]
+          }
+        >
+          <Text>
+            button 7
+          </Text>
+        </View>
+      </View>
     </View>
   </View>
 </View>
diff --git a/packages/lib/src/spatial-navigation/components/virtualizedList/helpers/getRange.test.ts b/packages/lib/src/spatial-navigation/components/virtualizedList/helpers/getRange.test.ts
index f29b0c17..5070859b 100644
--- a/packages/lib/src/spatial-navigation/components/virtualizedList/helpers/getRange.test.ts
+++ b/packages/lib/src/spatial-navigation/components/virtualizedList/helpers/getRange.test.ts
@@ -58,18 +58,4 @@ describe('getRange for custom virtualized list', () => {
     expect(expectedResult).toEqual(result);
     expect(console.error).toHaveBeenCalledTimes(1);
   });
-
-  it('should throw an error if the numberOfRenderedItems is inferior to the numberOfItemsVisibleOnScreen + 2', () => {
-    const input = new Array(30).fill(1);
-
-    expect(() =>
-      getRange({
-        data: input,
-        currentlyFocusedItemIndex: 5,
-        numberOfRenderedItems: 6,
-        numberOfItemsVisibleOnScreen: 8,
-        scrollBehavior: 'stick-to-start',
-      }),
-    ).toThrowError();
-  });
 });