diff --git a/src/resources/themes/app.scss b/src/resources/themes/app.scss
--- a/src/resources/themes/app.scss
+++ b/src/resources/themes/app.scss
@@ -167,27 +167,22 @@
 }
 
 .plan-selector {
+
+    
+    .plan-header {
+        display: flex;
+    }
     .plan-ico {
+        margin:auto;
         font-size: 3.8rem;
         color: #f1a539;
         border: 3px solid #f1a539;
         width: 6rem;
         height: 6rem;
-        margin-bottom: 1rem;
         border-radius: 50%;
     }
 }
 
-.plan-description {
-    & > ul {
-        padding-left: 1.2em;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-}
-
 .status-message {
     display: flex;
     align-items: center;
diff --git a/src/resources/vue/Signup.vue b/src/resources/vue/Signup.vue
--- a/src/resources/vue/Signup.vue
+++ b/src/resources/vue/Signup.vue
@@ -1,14 +1,19 @@
 <template>
     <div class="container">
         <div id="step0">
-            <div class="plan-selector d-flex justify-content-around align-items-stretch">
-                <div v-for="item in plans" :key="item.id" :class="'p-3 m-1 text-center bg-light flex-fill plan-box d-flex flex-column align-items-center plan-' + item.title">
-                    <div class="plan-ico">
+            <div class="plan-selector card-deck">
+                <div v-for="item in plans" :key="item.id" :class="'card bg-light plan-' + item.title">
+                    <div class="card-header plan-header">
+                            <div class="plan-ico text-center">
                         <svg-icon :icon="plan_icons[item.title]"></svg-icon>
+                        </div>
                     </div>
-                    <button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>
+                    <div class="card-body text-center ">
+                        <button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>
+
                     <div class="plan-description text-left mt-3" v-html="item.description"></div>
                 </div>
+                </div>
             </div>
         </div>