diff --git a/booklore-ui/src/app/features/settings/reader-preferences/cbx-reader-preferences/cbx-reader-preferences-component.scss b/booklore-ui/src/app/features/settings/reader-preferences/cbx-reader-preferences/cbx-reader-preferences-component.scss
index 2e740666..de5853fd 100644
--- a/booklore-ui/src/app/features/settings/reader-preferences/cbx-reader-preferences/cbx-reader-preferences-component.scss
+++ b/booklore-ui/src/app/features/settings/reader-preferences/cbx-reader-preferences/cbx-reader-preferences-component.scss
@@ -1,7 +1,7 @@
 .cbx-preferences-container {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1.25rem;
 }
 
 .setting-item {
diff --git a/booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.scss b/booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.scss
index bd27e420..4c733a14 100644
--- a/booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.scss
+++ b/booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.scss
@@ -1,7 +1,7 @@
 .epub-preferences-container {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
 
 .setting-item {
diff --git a/booklore-ui/src/app/features/settings/reader-preferences/pdf-reader-preferences/pdf-reader-preferences-component.scss b/booklore-ui/src/app/features/settings/reader-preferences/pdf-reader-preferences/pdf-reader-preferences-component.scss
index 212d8bd3..475fa82b 100644
--- a/booklore-ui/src/app/features/settings/reader-preferences/pdf-reader-preferences/pdf-reader-preferences-component.scss
+++ b/booklore-ui/src/app/features/settings/reader-preferences/pdf-reader-preferences/pdf-reader-preferences-component.scss
@@ -1,7 +1,7 @@
 .pdf-preferences-container {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1.25rem;
 }
 
 .setting-item {
diff --git a/booklore-ui/src/app/features/settings/reader-preferences/reader-preferences.component.scss b/booklore-ui/src/app/features/settings/reader-preferences/reader-preferences.component.scss
index f4845d7a..7eae473e 100644
--- a/booklore-ui/src/app/features/settings/reader-preferences/reader-preferences.component.scss
+++ b/booklore-ui/src/app/features/settings/reader-preferences/reader-preferences.component.scss
@@ -96,7 +96,7 @@
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 
   app-epub-reader-preferences-component,
   app-pdf-reader-preferences-component,
diff --git a/booklore-ui/src/app/features/settings/view-preferences-parent/filter-preferences/filter-preferences.component.scss b/booklore-ui/src/app/features/settings/view-preferences-parent/filter-preferences/filter-preferences.component.scss
index 175df329..86ccb2f1 100644
--- a/booklore-ui/src/app/features/settings/view-preferences-parent/filter-preferences/filter-preferences.component.scss
+++ b/booklore-ui/src/app/features/settings/view-preferences-parent/filter-preferences/filter-preferences.component.scss
@@ -55,7 +55,7 @@
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
 
 .setting-item {
diff --git a/booklore-ui/src/app/features/settings/view-preferences-parent/meta-center-view-mode/meta-center-view-mode-component.html b/booklore-ui/src/app/features/settings/view-preferences-parent/meta-center-view-mode/meta-center-view-mode-component.html
index 37aa219e..bd954c2b 100644
--- a/booklore-ui/src/app/features/settings/view-preferences-parent/meta-center-view-mode/meta-center-view-mode-component.html
+++ b/booklore-ui/src/app/features/settings/view-preferences-parent/meta-center-view-mode/meta-center-view-mode-component.html
@@ -30,7 +30,7 @@
                                  [(ngModel)]="viewMode"
                                  inputId="viewModeRoute"
                                  (onClick)="onViewModeChange('route')"></p-radioButton>
-                  <label for="viewModeRoute">Route</label>
+                  <label for="viewModeRoute">Open in Page</label>
                 </div>
                 <div class="radio-option">
                   <p-radioButton name="viewMode"
@@ -38,7 +38,7 @@
                                  [(ngModel)]="viewMode"
                                  inputId="viewModeDialog"
                                  (onClick)="onViewModeChange('dialog')"></p-radioButton>
-                  <label for="viewModeDialog">Dialog</label>
+                  <label for="viewModeDialog">Open in Popup</label>
                 </div>
               </div>
             </div>
diff --git a/booklore-ui/src/app/features/settings/view-preferences-parent/sidebar-sorting-preferences/sidebar-sorting-preferences.component.scss b/booklore-ui/src/app/features/settings/view-preferences-parent/sidebar-sorting-preferences/sidebar-sorting-preferences.component.scss
index 606a4b35..115a1de0 100644
--- a/booklore-ui/src/app/features/settings/view-preferences-parent/sidebar-sorting-preferences/sidebar-sorting-preferences.component.scss
+++ b/booklore-ui/src/app/features/settings/view-preferences-parent/sidebar-sorting-preferences/sidebar-sorting-preferences.component.scss
@@ -55,7 +55,7 @@
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
 
 .setting-item {