diff --git a/packages/web/components/elements/DropdownElements.tsx b/packages/web/components/elements/DropdownElements.tsx
index 9ed0299c5..5e557929d 100644
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@@ -78,7 +78,7 @@ type DropdownProps = {
   side?: DropdownSide
   sideOffset?: number
   disabled?: boolean
-  css?: CSS
+  css?: any
   modal?: boolean
 }
 
diff --git a/packages/web/stories/Snackbar.stories.tsx b/packages/web/stories/Snackbar.stories.tsx
index f79759f09..622f925f7 100644
--- a/packages/web/stories/Snackbar.stories.tsx
+++ b/packages/web/stories/Snackbar.stories.tsx
@@ -23,18 +23,18 @@ export default {
 
 const Template = ({ showToast, position }: { showToast: () => void; position?: ToastPosition }) => (
   <div>
-      <Toaster position={position} />
-      <div
-        style={{
-          height: '15rem',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}
-      >
-        <button onClick={showToast}>Show Toast</button>
-      </div>
+    <Toaster position={position} />
+    <div
+      style={{
+        height: '15rem',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+    >
+      <button onClick={showToast}>Show Toast</button>
     </div>
+  </div>
 )
 
 export const SuccessSnackbar: ComponentStory<typeof Toaster> = (args: any) => {