diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index 988fed11..006e1596 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -483,8 +483,8 @@ const isHidden = computed(() =>
 // we need the root content block id, not the generated content block if inside a content list block
 const root = computed(() => (props.contentBlock.root ? props.contentBlock.root : props.contentBlock.id));
 </script>
-<style lang="scss">
-/* todo: re-add `scoped` after switch to vite or this bug is fixed: https://github.com/vuejs/vue-loader/issues/1915 */
+
+<style scoped lang="scss">
 @import 'styles/helpers';
 
 .content-block {
@@ -558,14 +558,13 @@ const root = computed(() => (props.contentBlock.root ? props.contentBlock.root :
   &--instrument {
     @include content-box-base;
 
-    .bookmark-actions {
-      //60px from bookmak actions - 15px from padding of Instrument Widget;
-      padding-right: 45px !important;
+    :deep(.bookmark-actions) {
+      // default is -150px from bookmak actions - 15px from padding of Instrument Widget;
+      right: -165px;
     }
   }
 
-  // todo: re-add :deep() once  we re-add scoped
-  p {
+  :deep(p) {
     line-height: 1.5;
     margin-bottom: 1em;
 
@@ -574,8 +573,7 @@ const root = computed(() => (props.contentBlock.root ? props.contentBlock.root :
     }
   }
 
-  // todo: re-add :deep() once  we re-add scoped
-  .text-block {
+  :deep(.text-block) {
     ul {
       @include list-parent;
     }