diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index d846c2974..38ec225ce 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -1,4 +1,11 @@
 .btn-platform {
   background-color: #ffff;
   color: #6a7888;
+  padding: 8px 8px 2px 8px;
+}
+.btn-platform:hover {
+  color: #6a7888;
+}
+.page-dropdown-menu {
+  min-width: 333px;
 }
\ No newline at end of file
diff --git a/src/components/editor/pagesDropdown.vue b/src/components/editor/pagesDropdown.vue
index 7cd2eb6bb..1fff521b9 100644
--- a/src/components/editor/pagesDropdown.vue
+++ b/src/components/editor/pagesDropdown.vue
@@ -3,7 +3,13 @@
     Dropdown component to display options related to pages.
     Provides options to add a new page, see all pages, and select individual pages.
   -->
-  <b-dropdown data-test="page-dropdown" variant="platform" :boundary="boundary">
+  <b-dropdown
+    ref="pageDropdown"
+    data-test="page-dropdown"
+    variant="platform"
+    :boundary="boundary"
+    menu-class="page-dropdown-menu"
+  >
     <!-- Dropdown button content -->
     <template #button-content>
       <!-- Icon representing a file -->