diff --git a/web/src/components/photos/carousel.astro b/web/src/components/photos/carousel.astro
index ae9c9fc..ec0dcc5 100644
--- a/web/src/components/photos/carousel.astro
+++ b/web/src/components/photos/carousel.astro
@@ -67,11 +67,7 @@ const getImageLink = async (record: any) => {
     (window as any).dec = dec;
 </script>
 
-<div>
-    <!-- Hidden element to pass server data to client -->
+<!-- Hidden element to pass server data to client -->
     <div class="hidden" id="carousel-data">{JSON.stringify(photos)}</div>
     
-    <div class="flex flex-col max-h-10/12 self-center">
-        <img id="carousel-img" class="rounded-lg w-full h-full object-cover" src={ pb.files.getURL(photos[0], photos[0].image) } />
-    </div>
-</div>
\ No newline at end of file
+    <img id="carousel-img" class="rounded-lg w-full h-full object-cover" src={ pb.files.getURL(photos[0], photos[0].image) } />
\ No newline at end of file
diff --git a/web/src/pages/photos/index.astro b/web/src/pages/photos/index.astro
index 0402aa7..60d1eca 100644
--- a/web/src/pages/photos/index.astro
+++ b/web/src/pages/photos/index.astro
@@ -1,10 +1,7 @@
 ---
 import Base from "src/layout/Base.astro"
 import Carousel from "@components/photos/carousel"
-import Sidebar from "src/components/sidebar.astro"
 import { authPB } from 'src/utils/pocketbase'
-import type { RecordModel } from 'pocketbase'
-
 
 const pb = await authPB()
 const photos = await pb.collection('photos').getFullList({
@@ -27,7 +24,7 @@ const photos = await pb.collection('photos').getFullList({
         <p class="text-left">Chuck me an email if you'd like a print of these, I'll see what I can do</p> -->
     </div>
     
-    <div slot="content">
+    <div slot="content" class="">
         <Carousel/>
     </div>