diff --git a/frontend/public/stylesheets/index-2.5.0.css b/frontend/public/stylesheets/index-2.5.0.css
index cdf422e..3720c97 100644
--- a/frontend/public/stylesheets/index-2.5.0.css
+++ b/frontend/public/stylesheets/index-2.5.0.css
@@ -48,7 +48,6 @@ strong {
 }
 
 ul,
-/* TODO explicit class styling because vite builds a different CSS file, once build config is changed this line can be removed */
 .tags {
   list-style-type: none;
   margin: 0;
diff --git a/frontend/src/components/expanded-card.jsx b/frontend/src/components/expanded-card.jsx
index cb9bc60..5ab7c2b 100644
--- a/frontend/src/components/expanded-card.jsx
+++ b/frontend/src/components/expanded-card.jsx
@@ -7,9 +7,9 @@ import {
 } from "solid-js";
 import { api } from "../api";
 import { StacksEditor } from "@stackoverflow/stacks-editor";
-import "@stackoverflow/stacks-editor/dist/styles.css";
 import "@stackoverflow/stacks";
-import "@stackoverflow/stacks/dist/css/stacks.css";
+import stacksEditorStyle from "@stackoverflow/stacks-editor/dist/styles.css?inline";
+import stacksStyle from "@stackoverflow/stacks/dist/css/stacks.css?inline";
 import { Menu } from "./menu";
 import { handleKeyDown, clickOutside } from "../utils";
 import { makePersisted } from "@solid-primitives/storage";
@@ -460,6 +460,12 @@ function ExpandedCard(props) {
 							</For>
 						</div>
 						<div class="dialog__content">
+							<style>
+								{stacksStyle}
+							</style>
+							<style>
+								{stacksEditorStyle}
+							</style>
 							<div
 								id="editor-container"
 								autofocus