diff --git a/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css b/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
index 78955278e..a2266c2c6 100644
--- a/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
+++ b/packages/design-system/lib/components/SidePeek/SelfControlled/sidePeekSelfControlled.module.css
@@ -12,14 +12,12 @@
   }
 }
 
-@keyframes slide-up {
-  from {
-    top: 100vh;
-  }
+.modal[data-entering] {
+  animation: slide-in 250ms;
+}
 
-  to {
-    top: 0;
-  }
+.modal[data-exiting] {
+  animation: slide-in 250ms reverse;
 }
 
 .overlay {
@@ -41,14 +39,6 @@
   outline: none;
 }
 
-.modal[data-entering] {
-  animation: slide-up 300ms;
-}
-
-.modal[data-exiting] {
-  animation: slide-up 300ms reverse;
-}
-
 .dialog {
   height: 100%;
   outline: none;
@@ -88,12 +78,4 @@
     width: var(--sidepeek-desktop-width);
     height: 100vh;
   }
-
-  .modal[data-entering] {
-    animation: slide-in 250ms;
-  }
-
-  .modal[data-exiting] {
-    animation: slide-in 250ms reverse;
-  }
 }