diff --git a/frontend/src/components/Slingshot.tsx b/frontend/src/components/Slingshot.tsx
index 13ac45e..1ddee89 100644
--- a/frontend/src/components/Slingshot.tsx
+++ b/frontend/src/components/Slingshot.tsx
@@ -12,7 +12,7 @@ export type Ammo = {
 export default function Slingshot(props: { ammo: Ammo }) {
 
     return (
-        <main class="bg-zinc-700 mx-auto p-7 my-5 w-11/12 max-w-screen-xl rounded-md shadow-lg bg-opacity-10">
+        <div class="bg-zinc-700 mx-auto p-7 my-5 w-11/12 max-w-screen-xl rounded-md shadow-lg bg-opacity-10">
             <h1 class="max-6-xs text-3xl text-orange-600 font-light capitalize">
                 {props.ammo.title}
             </h1>
@@ -21,6 +21,6 @@ export default function Slingshot(props: { ammo: Ammo }) {
                 {props.ammo.date}
             </p>
             <div innerHTML={props.ammo.content} />
-        </main>
+        </div>
     ) as JSXElement;
 };
diff --git a/frontend/src/routes/blog.tsx b/frontend/src/routes/blog.tsx
index 25f8efd..71b1ecd 100644
--- a/frontend/src/routes/blog.tsx
+++ b/frontend/src/routes/blog.tsx
@@ -22,10 +22,10 @@ export default function Blog() {
     const { ammoBox } = useRouteData<typeof routeData>();
 
     return (
-        <ul>
+        <main>
             <For each={ammoBox()}>
-                {(blogPosts) => <li><Slingshot ammo={blogPosts} /></li>}
+                {(blogPosts) => <Slingshot ammo={blogPosts} />}
             </For>
-        </ul>
+        </main>
     ) as JSXElement;
 };
diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
index 247f288..1a0870e 100644
--- a/frontend/src/routes/index.tsx
+++ b/frontend/src/routes/index.tsx
@@ -23,10 +23,10 @@ export default function Home() {
     const { ammoBox } = useRouteData<typeof routeData>();
 
     return (
-        <ul>
+        <main>
             <For each={ammoBox()}>
-                {(content) => <li><Slingshot ammo={content} /></li>}
+                {(content) => <Slingshot ammo={content} />}
             </For>
-        </ul>
+        </main>
     ) as JSXElement;
 };
diff --git a/frontend/src/routes/projects.tsx b/frontend/src/routes/projects.tsx
index 008fb6f..b33533e 100644
--- a/frontend/src/routes/projects.tsx
+++ b/frontend/src/routes/projects.tsx
@@ -23,10 +23,10 @@ export default function Projects() {
     const { ammoBox } = useRouteData<typeof routeData>();
 
     return (
-        <ul>
+        <main>
             <For each={ammoBox()}>
-                {(projects) => <li><Slingshot ammo={projects} /></li>}
+                {(projects) => <Slingshot ammo={projects} />}
             </For>
-        </ul>
+        </main>
     ) as JSXElement;
 };