diff --git a/src/components/Nav/Snackbar.tsx b/src/components/Nav/Snackbar.tsx
index 540e41bb..493124b9 100644
--- a/src/components/Nav/Snackbar.tsx
+++ b/src/components/Nav/Snackbar.tsx
@@ -4,6 +4,7 @@ import styles from './Snackbar.module.scss'
 import { Transition } from 'solid-transition-group'
 import { clsx } from 'clsx'
 import { Icon } from '../_shared/Icon'
+import { isServer } from 'solid-js/web'
 
 export const Snackbar = () => {
   const { snackbarMessage } = useSnackbar()
@@ -15,20 +16,22 @@ export const Snackbar = () => {
         [styles.success]: snackbarMessage()?.type === 'success'
       })}
     >
-      <Transition
-        enterClass={styles.enter}
-        exitToClass={styles.exitTo}
-        onExit={(el, done) => setTimeout(() => done(), 300)}
-      >
-        <Show when={snackbarMessage()}>
-          <div class={styles.content}>
-            <Show when={snackbarMessage()?.type === 'success'}>
-              <Icon name="check-success" class={styles.icon} />
-            </Show>
-            {snackbarMessage().body}
-          </div>
-        </Show>
-      </Transition>
+      {!isServer && (
+        <Transition
+          enterClass={styles.enter}
+          exitToClass={styles.exitTo}
+          onExit={(el, done) => setTimeout(() => done(), 300)}
+        >
+          <Show when={snackbarMessage()}>
+            <div class={styles.content}>
+              <Show when={snackbarMessage()?.type === 'success'}>
+                <Icon name="check-success" class={styles.icon} />
+              </Show>
+              {snackbarMessage().body}
+            </div>
+          </Show>
+        </Transition>
+      )}
     </div>
   )
 }