diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
index 64319be7..4234b85e 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
@@ -31,7 +31,7 @@
   }
 
   .room-bg {
-    fill: transparent;
+    fill: nb-theme(card-bg);
     stroke: transparent;
     cursor: pointer;
     transition: fill 0.4s ease-out;
diff --git a/src/app/pages/dashboard/rooms/rooms.component.scss b/src/app/pages/dashboard/rooms/rooms.component.scss
index c4c69cc8..4ec30ae9 100644
--- a/src/app/pages/dashboard/rooms/rooms.component.scss
+++ b/src/app/pages/dashboard/rooms/rooms.component.scss
@@ -6,6 +6,12 @@
   ngx-room-selector {
     width: 70%;
     border-right: 2px solid nb-theme(separator);
+    background: url('/assets/images/square_pattern.svg') repeat;
+    background-size: 75px;
+
+    @include nb-for-theme(cosmic) {
+      background-image: url('/assets/images/square_pattern_cosmic.svg');
+    }
   }
 
   ngx-player {
diff --git a/src/app/pages/ui-features/icons/icons.component.ts b/src/app/pages/ui-features/icons/icons.component.ts
index 76370f05..89db24e9 100644
--- a/src/app/pages/ui-features/icons/icons.component.ts
+++ b/src/app/pages/ui-features/icons/icons.component.ts
@@ -19,7 +19,7 @@ export class IconsComponent {
       'nb-flame-circled', 'nb-gear', 'nb-grid-a', 'nb-grid-a-outline', 'nb-grid-b', 'nb-grid-b-outline',
       'nb-heart', 'nb-home', 'nb-keypad', 'nb-layout-centre', 'nb-layout-default', 'nb-layout-one-column',
       'nb-layout-sidebar-left', 'nb-layout-sidebar-right', 'nb-layout-two-column', 'nb-lightbulb', 'nb-list',
-      'nb-location', 'nb-locked', 'nb-loop-circled', 'nb-menu', 'nb-notifications', 'nb-paper-plane',
+      'nb-location', 'nb-locked', 'nb-loop', 'nb-loop-circled', 'nb-menu', 'nb-notifications', 'nb-paper-plane',
       'nb-partlysunny', 'nb-pause', 'nb-pause-outline', 'nb-person', 'nb-phone', 'nb-play', 'nb-play-outline',
       'nb-plus', 'nb-plus-circled', 'nb-power', 'nb-rainy', 'nb-search', 'nb-shuffle', 'nb-skip-backward',
       'nb-skip-backward-outline', 'nb-skip-forward', 'nb-skip-forward-outline', 'nb-snowy-circled', 'nb-square',
diff --git a/src/assets/images/square_pattern.svg b/src/assets/images/square_pattern.svg
new file mode 100644
index 00000000..dda0f42b
--- /dev/null
+++ b/src/assets/images/square_pattern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#ebeef2;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/square_pattern_cosmic.svg b/src/assets/images/square_pattern_cosmic.svg
new file mode 100644
index 00000000..fa11141d
--- /dev/null
+++ b/src/assets/images/square_pattern_cosmic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#342e73;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>