diff --git a/package.json b/package.json
index 6b5a0a7..25197ec 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,6 @@
 		"nuxt-graphql-request": "^7.0.5",
 		"sass": "^1.66.1",
 		"ucla-library-design-tokens": "^5.22.0",
-		"ucla-library-website-components": "3.26.0"
+		"ucla-library-website-components": "3.28.0"
 	}
 }
\ No newline at end of file
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 52a46b6..c66d46d 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -140,6 +140,7 @@ const parsedFTVAEventScreeningDetails = computed(() => {
         <FlexibleMediaGalleryNewLightbox
           data-test="image-carousel"
           :items="parsedCarouselData"
+          inline="true"
         >
           <template #default="slotProps">
             <BlockTag
diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
index eb4f0e4..4702ece 100644
--- a/pages/series/[slug].vue
+++ b/pages/series/[slug].vue
@@ -196,7 +196,10 @@ onMounted(() => {
         v-else
         class="lightbox-container"
       >
-        <FlexibleMediaGalleryNewLightbox :items="parsedCarouselData">
+        <FlexibleMediaGalleryNewLightbox
+          :items="parsedCarouselData"
+          inline="true"
+        >
           <template #default="slotProps">
             <BlockTag :label="parsedCarouselData[slotProps.selectionIndex]?.creditText" />
           </template>
@@ -312,10 +315,7 @@ onMounted(() => {
   </main>
 </template>
 
-<style
-  lang="scss"
-  scoped
->
+<style lang="scss" scoped>
 // GENERAL PAGE STYLES / DESKTOP
 .page-event-series-detail {
   position: relative;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 59bca68..7cf1d2f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -68,8 +68,8 @@ devDependencies:
     specifier: ^5.22.0
     version: 5.22.0
   ucla-library-website-components:
-    specifier: 3.26.0
-    version: 3.26.0(typescript@5.4.5)(vue@3.4.31)
+    specifier: 3.28.0
+    version: 3.28.0(typescript@5.4.5)(vue@3.4.31)
 
 packages:
 
@@ -1149,6 +1149,9 @@ packages:
     resolution: {integrity: sha512-7nhBTRkTG0mD+7r7JvNalJz++YwszZk0oP1HIY6fCgz6wNKxT6LuiXCqdPrZmNPe/WbPIKuqxGZN5s+i6NZqow==}
     peerDependencies:
       vue: '>= 3.2.0 < 4.0.0'
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
     dependencies:
       '@gtm-support/core': 2.3.1
       vue: 3.4.31(typescript@5.4.5)
@@ -9988,8 +9991,8 @@ packages:
     resolution: {integrity: sha512-HudkrR/TMd5FTV1VGqOrYLg4bsDgb8kgml6rtDF3NgS9vf0hfQyVipxjbEHlfvuPHtQ7RZcn6ftdJHi92JqfSw==}
     dev: true
 
-  /ucla-library-website-components@3.26.0(typescript@5.4.5)(vue@3.4.31):
-    resolution: {integrity: sha512-g56cx6ntsl4dROSjrEGCa+mA++mXRIX3dUrVsCy0AL9EauXk9bUZGWnK0fKg3qXo7+UFICZztqcN5wDsapEB3w==}
+  /ucla-library-website-components@3.28.0(typescript@5.4.5)(vue@3.4.31):
+    resolution: {integrity: sha512-DwxOxUzFfZWn57zw2oGCUZK9EzQt+7OoRv87j/cMFM3C6tlswb8sQbKJp0XUnZFMq38XweHXQWpbWLOFAPZE4Q==}
     peerDependencies:
       vue: ^3.4.29
     dependencies: