diff --git a/frontend/sass/uswds/styles.scss b/frontend/sass/uswds/styles.scss
index e196c9bce1..ef1c7319a0 100644
--- a/frontend/sass/uswds/styles.scss
+++ b/frontend/sass/uswds/styles.scss
@@ -5,6 +5,7 @@
 
 html {
     scroll-behavior: smooth;
+    background: pink;
 }
 
 // COLORS
diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx
index bf7f21a289..a82f29e159 100644
--- a/frontend/src/index.jsx
+++ b/frontend/src/index.jsx
@@ -2,10 +2,12 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
 import { createBrowserRouter, createRoutesFromElements, Route, RouterProvider, Link, Navigate } from "react-router-dom";
+import "@uswds/uswds";
 import store from "./store";
 
 //  USWDS
-import "./uswds/css/styles.css";
+import "../sass/uswds/styles.scss";
+// import "./uswds/css/styles.css";
 // NOTE: Uncomment the following line to include the USWDS JavaScript but breaks DatePicker
 // import "./uswds/js/uswds.min.js";
 
diff --git a/frontend/vite.config.mjs b/frontend/vite.config.mjs
index 34f31092b4..41af95962c 100644
--- a/frontend/vite.config.mjs
+++ b/frontend/vite.config.mjs
@@ -14,6 +14,14 @@ export default defineConfig(({ mode }) => {
         build: {
             outDir: "build"
         },
+        css: {
+            preprocessorOptions: {
+                // file: "./sass/uswds/styles.scss", // default: "styles.css
+                scss: {
+                    includePaths: ["./node_modules/@uswds", "./node_modules/@uswds/uswds/packages"]
+                }
+            }
+        },
         server: {
             host: true,
             port: 3000,