diff --git a/lib/components/base/DropdownButton.vue b/lib/components/base/DropdownButton.vue
index a0ba2b4d..f0ebd5fa 100644
--- a/lib/components/base/DropdownButton.vue
+++ b/lib/components/base/DropdownButton.vue
@@ -284,12 +284,13 @@ onBeforeUnmount(() => {
 
 .options-enter-from,
 .options-leave-to {
+  // this is not 100% due to a safari bug
   &.up {
-    transform: translateY(100%);
+    transform: translateY(99.999%);
   }
 
   &.down {
-    transform: translateY(-100%);
+    transform: translateY(-99.999%);
   }
 }
 
@@ -308,7 +309,7 @@ onBeforeUnmount(() => {
 
   &.up {
     top: 0;
-    transform: translateY(-100%);
+    transform: translateY(-99.999%);
     border-radius: var(--radius-md) var(--radius-md) 0 0;
   }
 
diff --git a/lib/components/base/DropdownSelect.vue b/lib/components/base/DropdownSelect.vue
index a8f41ed2..e3c20332 100644
--- a/lib/components/base/DropdownSelect.vue
+++ b/lib/components/base/DropdownSelect.vue
@@ -288,12 +288,13 @@ const isChildOfDropdown = (element) => {
 
 .options-enter-from,
 .options-leave-to {
+  // this is not 100% due to a safari bug
   &.up {
-    transform: translateY(100%);
+    transform: translateY(99.999%);
   }
 
   &.down {
-    transform: translateY(-100%);
+    transform: translateY(-99.999%);
   }
 }
 
@@ -312,7 +313,7 @@ const isChildOfDropdown = (element) => {
 
   &.up {
     top: 0;
-    transform: translateY(-100%);
+    transform: translateY(-99.999%);
     border-radius: var(--radius-md) var(--radius-md) 0 0;
   }
 
diff --git a/package.json b/package.json
index 4fb8e8ba..23a4de53 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.27",
+  "version": "0.4.28",
   "files": [
     "dist",
     "lib"