diff --git a/src/ux-components/radio-service-package/radio-service-package.vue b/src/ux-components/radio-service-package/radio-service-package.vue
index 0654a2c14..8a00a0b68 100644
--- a/src/ux-components/radio-service-package/radio-service-package.vue
+++ b/src/ux-components/radio-service-package/radio-service-package.vue
@@ -78,9 +78,9 @@ export default {
     }
     &.active {
       ~ .package-wrapper {
-        label {
-          max-height: 500px !important;
-        }
+          .package-specs {
+            max-height: 1000px !important;
+          }
       }
       &.active:after {
         transform: rotate(180deg);
@@ -111,8 +111,6 @@ export default {
         border-radius: .5rem;
         overflow: hidden;
         min-height: 58px;
-        max-height: 0;
-        transition: all .75s ease;
 
         &:before {
           content: "";
@@ -148,6 +146,11 @@ export default {
       }
 
       &:checked {
+        + label {
+          .package-specs {
+            max-height: 1000px;
+          }
+        }
         + label {
           background-color: $blue-100;
           border: 1px solid $blue;
@@ -178,6 +181,8 @@ export default {
       display: flex;
       flex-direction: column;
       width: 100%;
+      max-height: 0;
+      transition: all .75s ease;
 
       p {
         font-weight: 500;