diff --git a/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx b/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
index 30742a7cc4..3c1bf0cf57 100644
--- a/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
@@ -25,10 +25,12 @@ function SwitchToEditorButton() {
bsStyle={null}
bsSize="xs"
onClick={handleClick}
- className="switch-to-editor-btn btn-secondary"
+ className="switch-to-editor-btn toolbar-btn-secondary btn-secondary"
>
-
- {t('switch_to_editor')}
+
+
+ {t('switch_to_editor')}
+
)
}
diff --git a/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js b/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js
index e3dcdd71ca..bc9446b953 100644
--- a/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js
+++ b/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js
@@ -25,10 +25,10 @@ function SwitchToPDFButton() {
bsStyle={null}
bsSize="xs"
onClick={handleClick}
- className="toolbar-btn-secondary btn-secondary"
+ className="switch-to-pdf-btn toolbar-btn-secondary btn-secondary"
>
-
- {t('switch_to_pdf')}
+
+ {t('switch_to_pdf')}
)
}
diff --git a/services/web/frontend/stylesheets/app/editor/pdf.less b/services/web/frontend/stylesheets/app/editor/pdf.less
index 8eaf6efe08..0d5f0543e5 100644
--- a/services/web/frontend/stylesheets/app/editor/pdf.less
+++ b/services/web/frontend/stylesheets/app/editor/pdf.less
@@ -15,10 +15,6 @@
}
}
-.pdf .toolbar.toolbar-pdf when (@is-overleaf-light = false) {
- border-bottom: 0;
-}
-
.toolbar-pdf-orphan,
.toolbar-pdf-left,
.toolbar-pdf-right {
diff --git a/services/web/frontend/stylesheets/app/editor/toolbar.less b/services/web/frontend/stylesheets/app/editor/toolbar.less
index a586a7f7fb..dfc47bde63 100644
--- a/services/web/frontend/stylesheets/app/editor/toolbar.less
+++ b/services/web/frontend/stylesheets/app/editor/toolbar.less
@@ -433,3 +433,18 @@
padding-bottom: 0px;
margin-bottom: 0.5px;
}
+
+.switch-to-editor-btn {
+ margin-right: 7px;
+}
+
+.switch-to-editor-btn,
+.switch-to-pdf-btn {
+ text-align: left;
+ display: flex;
+ align-items: center;
+
+ .toolbar-btn-secondary-icon {
+ margin-right: 5px;
+ }
+}