diff --git a/web_app/src/App.tsx b/web_app/src/App.tsx
index 75431ee..e00ec21 100644
--- a/web_app/src/App.tsx
+++ b/web_app/src/App.tsx
@@ -152,7 +152,7 @@ function Home() {
   })
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between w-full">
+    <main className="flex min-h-screen flex-col items-center justify-between w-full bg-[radial-gradient(circle_at_1px_1px,_#8e8e8e8e_1px,_transparent_0)] [background-size:20px_20px] bg-repeat">
       <Toaster />
       <Header />
       <Workspace key={workspaceId} />
diff --git a/web_app/src/components/FileSelect.tsx b/web_app/src/components/FileSelect.tsx
index e979d35..c75da22 100644
--- a/web_app/src/components/FileSelect.tsx
+++ b/web_app/src/components/FileSelect.tsx
@@ -37,7 +37,7 @@ export default function FileSelect(props: FileSelectProps) {
     <div className="absolute flex w-screen h-screen justify-center items-center pointer-events-none">
       <label
         htmlFor={uploadElemId}
-        className="grid border-[2px] border-[dashed] rounded-lg min-w-[600px] hover:bg-primary hover:text-primary-foreground pointer-events-auto"
+        className="grid bg-background border-[2px] border-[dashed] rounded-lg min-w-[600px] hover:bg-primary hover:text-primary-foreground pointer-events-auto"
       >
         <div
           className="grid p-16 w-full h-full"