diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html
index 8e890d2fb243..513c846d2179 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html
@@ -48,6 +48,34 @@ <h3 class="dot-device-selector__header-title">
                             </div>
                         </button>
                     </li>
+                    <li
+                        class="device-list-item"
+                        *ngFor="let option of options$ | async"
+                        data-testId="device-selector-option">
+                        <button class="device-list__button" (click)="change(option)">
+                            <div class="device-list-item__content">
+                                <span class="device-list-item__name">{{ option.name }}</span>
+                                <span class="device-list-item__dimensions"
+                                    >{{ option.cssHeight | number }} x
+                                    {{ option.cssWidth | number }}</span
+                                >
+                            </div>
+                        </button>
+                    </li>
+                    <li
+                        class="device-list-item"
+                        *ngFor="let option of options$ | async"
+                        data-testId="device-selector-option">
+                        <button class="device-list__button" (click)="change(option)">
+                            <div class="device-list-item__content">
+                                <span class="device-list-item__name">{{ option.name }}</span>
+                                <span class="device-list-item__dimensions"
+                                    >{{ option.cssHeight | number }} x
+                                    {{ option.cssWidth | number }}</span
+                                >
+                            </div>
+                        </button>
+                    </li>
                 </ul>
             </div>
         </div>
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss
index 31198262be23..eb28bd6c640e 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss
@@ -59,9 +59,10 @@ $device-selector-name-margin: 0.375rem;
     padding: $spacing-1 0;
     margin: 0;
     color: $color-palette-gray-600;
+    overflow: auto;
 
-    &:first-child {
-        border-right: 1px solid $color-palette-gray-300;
+    &:nth-child(2) {
+        border-left: 1px solid $color-palette-gray-300;
     }
 }