w o w

aslilac · aslilac · commit 8a1cbba57aad · 2023-11-16T23:47:19.000Z
diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
@@ -191,12 +191,12 @@ export const Filter: FC<FilterProps> = ({
   const hasFilterQuery = filter.query !== "";
 
   return (
-    <Box
-      sx={{
+    <div
+      css={{
         display: "flex",
-        flexWrap: ["wrap", undefined, "nowrap"], // TODO: what even is this?
-        gap: 1,
-        marginBottom: 2,
+        flexWrap: "wrap",
+        gap: 8,
+        marginBottom: 16,
       }}
     >
       {isLoading ? (
@@ -283,7 +283,7 @@ export const Filter: FC<FilterProps> = ({
           {options}
         </>
       )}
-    </Box>
+    </div>
   );
 };
 
diff --git a/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx b/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx
@@ -145,23 +145,22 @@ export const TemplateEmbedPageView: FC<{
             </VerticalForm>
           </div>
 
-          {/* why are you like this */}
-          <Box
-            display="flex"
-            height={{
+          <div
+            css={(theme) => ({
               // 80px for padding, 36px is for the status bar. We want to use `vh`
               // so that it will be relative to the screen and not the parent layout.
               height: "calc(100vh - (80px + 36px))",
               top: 40,
               position: "sticky",
-            }}
-            p={8}
-            flex={1}
-            alignItems="center"
-            justifyContent="center"
-            borderRadius={1}
-            bgcolor="background.paper"
-            border={(theme) => `1px solid ${theme.palette.divider}`}
+              display: "flex",
+              padding: 64,
+              flex: 1,
+              alignItems: "center",
+              justifyContent: "center",
+              borderRadius: 8,
+              backgroundColor: theme.palette.background.paper,
+              border: `1px solid ${theme.palette.divider}`,
+            })}
           >
             <img src="/open-in-coder.svg" alt="Open in Coder button" />
             <div
@@ -187,7 +186,7 @@ export const TemplateEmbedPageView: FC<{
                 Copy button code
               </Button>
             </div>
-          </Box>
+          </div>
         </div>
       )}
     </>
