diff --git a/pgml-dashboard/src/components/accordian/accordian.scss b/pgml-dashboard/src/components/accordian/accordian.scss
index e90cb1ac5..dc1a279ce 100644
--- a/pgml-dashboard/src/components/accordian/accordian.scss
+++ b/pgml-dashboard/src/components/accordian/accordian.scss
@@ -4,13 +4,7 @@ div[data-controller="accordian"] {
     }
 
     .accordian-body {
-        display: none;
-        height: 0px;
-        transition: all 0.5s ease-in-out;
-    }
-
-    .accordian-body.selected {
-        display: block;
-        height: auto;
+        overflow: hidden;
+        transition: all 0.3s ease-in-out;
     }
 }
diff --git a/pgml-dashboard/src/components/accordian/accordian_controller.js b/pgml-dashboard/src/components/accordian/accordian_controller.js
index b9eace831..d91ba65f6 100644
--- a/pgml-dashboard/src/components/accordian/accordian_controller.js
+++ b/pgml-dashboard/src/components/accordian/accordian_controller.js
@@ -1,18 +1,37 @@
 import { Controller } from "@hotwired/stimulus";
 
 export default class extends Controller {
+  initialize() {
+    this.bodies = document.getElementsByClassName("accordian-body");
+    this.headers = document.getElementsByClassName("accordian-header");
+
+    this.heights = new Map();
+    for (let i = 0; i < this.bodies.length; i++) {
+      this.heights.set(this.bodies[i], this.bodies[i].offsetHeight);
+      if (i > 0) {
+        this.bodies[i].style.maxHeight = "0px";
+      } else {
+        this.bodies[i].style.maxHeight = this.bodies[i].offsetHeight + "px";
+      }
+    } 
+  }
+
+  
   titleClick(e) {
     let target = e.currentTarget.getAttribute("data-value");
-    let elements = document.getElementsByClassName("accordian-body");
-    for (let i = 0; i < elements.length; i++) {
-      elements[i].classList.remove("selected");
-    }
-    elements = document.getElementsByClassName("accordian-header");
-    for (let i = 0; i < elements.length; i++) {
-      elements[i].classList.remove("selected");
-    }
-    let element = document.querySelector(`[data-accordian-target="${target}"]`);
-    element.classList.add("selected");
     e.currentTarget.classList.add("selected");
+
+    let body = document.querySelector(`[data-accordian-target="${target}"]`);
+    body.classList.add("selected");
+    body.style.maxHeight = this.heights.get(body) + "px";
+    
+    for (let i = 0; i < this.bodies.length; i++) {
+      if (body != this.bodies[i]) {
+        this.bodies[i].classList.remove("selected");
+        this.bodies[i].style.maxHeight = "0px";
+      }
+      if (e.currentTarget != this.headers[i])
+        this.headers[i].classList.remove("selected");
+    }
   }
 }
diff --git a/pgml-dashboard/src/components/chatbot/chatbot.scss b/pgml-dashboard/src/components/chatbot/chatbot.scss
index ded625965..f5964dc8f 100644
--- a/pgml-dashboard/src/components/chatbot/chatbot.scss
+++ b/pgml-dashboard/src/components/chatbot/chatbot.scss
@@ -59,8 +59,8 @@ div[data-controller="chatbot"] {
     }
 
     .chatbot-brain-option-logo {
-        height: 34px;
-        width: 34px;
+        height: 30px;
+        width: 30px;
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
diff --git a/pgml-dashboard/src/components/chatbot/chatbot_controller.js b/pgml-dashboard/src/components/chatbot/chatbot_controller.js
index 515dea535..ef6703b33 100644
--- a/pgml-dashboard/src/components/chatbot/chatbot_controller.js
+++ b/pgml-dashboard/src/components/chatbot/chatbot_controller.js
@@ -65,7 +65,7 @@ const knowledgeBaseIdToName = (knowledgeBase) => {
 
 const createKnowledgeBaseNotice = (knowledgeBase) => {
   return `
-    <div class="chatbot-knowledge-base-notice text-center p-1">Chatting with Knowledge Base ${knowledgeBaseIdToName(
+    <div class="chatbot-knowledge-base-notice text-center p-3">Chatting with Knowledge Base ${knowledgeBaseIdToName(
       knowledgeBase,
     )}</div>
   `;
diff --git a/pgml-dashboard/src/components/chatbot/template.html b/pgml-dashboard/src/components/chatbot/template.html
index cd37f4ad5..2a0b06a99 100644
--- a/pgml-dashboard/src/components/chatbot/template.html
+++ b/pgml-dashboard/src/components/chatbot/template.html
@@ -1,6 +1,6 @@
 <div id="chatbot" data-controller="chatbot" class="container">
   <div id="chatbot-inner-wrapper" class="d-flex rounded-3 overflow-hidden">
-    <div id="chatbot-left-column" class="">
+    <div id="chatbot-left-column" class="d-none d-sm-block">
 
       <!-- This is temporary until we have brains -->
       <h5 id="chatbot-change-the-brain-title">Knowledge Base:</h5>
@@ -101,7 +101,7 @@ <h5 id="knowledge-base-title">Knowledge Base:</h5>
 
     <div id="chatbot-right-column" class="flex-grow-1 d-flex flex-column overflow-hidden">
       <div class="d-flex justify-content-between align-items-center pt-3 pb-3 pe-3 m-0">
-        <h3 id="chatbot-chatbot-title">Chatbot</h3>
+        <h3 id="chatbot-chatbot-title" class="mb-0">Chatbot</h3>
         <div id="chatbot-expand-contract-image-wrapper" class="p-1 rounded-2" data-action="click->chatbot#handleExpandClick">
           <img id="chatbot-expand-contract-image" width="28px" height="28px" src="/dashboard/static/images/icons/arrow_expanded.svg"/>
         </div>
diff --git a/pgml-dashboard/src/components/star/mod.rs b/pgml-dashboard/src/components/star/mod.rs
index 670577ab9..9494cf1ab 100644
--- a/pgml-dashboard/src/components/star/mod.rs
+++ b/pgml-dashboard/src/components/star/mod.rs
@@ -26,6 +26,10 @@ const SVGS: Lazy<HashMap<&'static str, &'static str>> = Lazy::new(|| {
         "give_it_a_spin",
         include_str!("../../../static/images/icons/stars/give_it_a_spin.svg"),
     );
+    map.insert(
+        "give_it_a_spin_outline",
+        include_str!("../../../static/images/icons/stars/give_it_a_spin_outline.svg"),
+    );
     map
 });
 
diff --git a/pgml-dashboard/static/images/icons/stars/give_it_a_spin_outline.svg b/pgml-dashboard/static/images/icons/stars/give_it_a_spin_outline.svg
new file mode 100644
index 000000000..e03aca3b7
--- /dev/null
+++ b/pgml-dashboard/static/images/icons/stars/give_it_a_spin_outline.svg
@@ -0,0 +1,9 @@
+<svg width="138" height="138" viewBox="0 0 138 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M59.9358 5.43324C64.7994 0.0949883 73.2001 0.0949879 78.0637 5.43324C81.8164 9.55209 87.6242 11.1083 92.9335 9.41758C99.8147 7.22635 107.09 11.4267 108.633 18.4816C109.823 23.9249 114.075 28.1765 119.518 29.367C126.573 30.9099 130.773 38.1851 128.582 45.0662C126.891 50.3756 128.448 56.1833 132.567 59.936C137.905 64.7997 137.905 73.2003 132.567 78.064C128.448 81.8167 126.891 87.6244 128.582 92.9338C130.773 99.8149 126.573 107.09 119.518 108.633C114.075 109.824 109.823 114.075 108.633 119.518C107.09 126.573 99.8147 130.774 92.9335 128.582C87.6242 126.892 81.8164 128.448 78.0637 132.567C73.2001 137.905 64.7994 137.905 59.9358 132.567C56.1831 128.448 50.3754 126.892 45.066 128.582C38.1848 130.774 30.9097 126.573 29.3667 119.518C28.1763 114.075 23.9247 109.824 18.4813 108.633C11.4264 107.09 7.22611 99.8149 9.41734 92.9338C11.108 87.6244 9.55185 81.8167 5.43299 78.064C0.0947442 73.2003 0.0947437 64.7997 5.43299 59.936C9.55185 56.1833 11.108 50.3756 9.41734 45.0662C7.22611 38.1851 11.4264 30.9099 18.4813 29.367C23.9247 28.1765 28.1763 23.9249 29.3667 18.4816C30.9097 11.4267 38.1848 7.22635 45.066 9.41758C50.3753 11.1083 56.1831 9.55209 59.9358 5.43324Z" stroke="url(#paint0_linear_467_1642)" stroke-width="2"/>
+<defs>
+<linearGradient id="paint0_linear_467_1642" x1="130.29" y1="137.548" x2="8.11286" y2="-6" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5337FF"/>
+<stop offset="1" stop-color="#A175FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/pgml-dashboard/static/images/icons/stars/give_it_a_spin_text.svg b/pgml-dashboard/static/images/icons/stars/give_it_a_spin_text.svg
new file mode 100644
index 000000000..9e465d703
--- /dev/null
+++ b/pgml-dashboard/static/images/icons/stars/give_it_a_spin_text.svg
@@ -0,0 +1,24 @@
+<svg width="138" height="138" viewBox="0 0 138 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M119.051 58.7569C119.38 60.3829 119.206 61.8261 118.549 63.0827C117.895 64.3564 116.932 65.2473 115.645 65.777L114.917 62.1645C115.675 61.6711 116.122 60.6178 115.877 59.4026C115.698 58.5123 115.261 57.8528 114.567 57.4242C113.894 57.0091 113.101 56.8848 112.226 57.0639C111.317 57.249 110.618 57.6768 110.125 58.3292C109.635 58.9987 109.488 59.7781 109.668 60.6675C109.927 61.9517 110.669 62.7987 111.335 63.0011L110.817 60.4337L113.476 59.8923L114.73 66.1063C114.545 66.1624 114.373 66.197 114.185 66.2346C112.35 66.6084 110.771 66.3955 109.418 65.6193C107.938 64.7446 107.003 63.295 106.599 61.293C105.828 57.4754 107.986 54.363 111.537 53.639C115.088 52.915 118.289 54.9722 119.052 58.7563L119.051 58.7569Z" fill="#9185FF"/>
+<path d="M107.577 67.5816L119.824 67.7276L119.775 71.0815L107.528 70.9355L107.577 67.5816Z" fill="#9185FF"/>
+<path d="M120.054 72.2783L119.336 75.9681L111.457 76.897L111.427 77.0515L118.389 80.8242L117.687 84.4274L106.526 77.6952L107.167 74.401L120.053 72.2789L120.054 72.2783Z" fill="#9185FF"/>
+<path d="M105.807 80.8283L116.988 85.796L113.678 93.1878L111.091 92.0377L113.029 87.7111L111.336 86.9592L109.699 90.6151L107.111 89.4656L108.748 85.8097L107.039 85.0504L105.031 89.5369L102.428 88.38L105.809 80.8287L105.807 80.8283Z" fill="#9185FF"/>
+<path d="M99.2825 92.6047L108.541 100.588L106.342 103.129L97.0834 95.146L99.2825 92.6047Z" fill="#9185FF"/>
+<path d="M103.518 102.254L105.362 104.468L97.7006 110.836L95.8569 108.623L98.4011 106.508L92.4233 99.3302L95.0079 97.1812L100.986 104.359L103.517 102.254L103.518 102.254Z" fill="#9185FF"/>
+<path d="M86.3432 103.628L86.2237 116.47L82.062 117.768L74.6089 107.289L78.0356 106.219L79.1189 107.82L83.0977 106.579L83.0835 104.645L86.3432 103.628ZM83.1427 109.675L80.8354 110.395L83.0183 113.647L83.1853 113.595L83.1417 109.676L83.1427 109.675Z" fill="#9185FF"/>
+<path d="M70.1638 111.601L66.9932 111.308C66.9981 110.519 66.3849 109.952 65.2526 109.848C64.2947 109.759 63.7981 109.994 63.7446 110.551C63.5917 112.152 69.9417 110.985 69.4589 116.048C69.3513 117.179 68.8639 118.046 67.9768 118.683C67.0898 119.321 65.94 119.583 64.4942 119.449C61.638 119.185 60.0173 117.561 60.1225 114.989L63.432 115.296C63.4247 115.927 63.8884 116.408 64.7769 116.491C65.5603 116.564 66.0766 116.313 66.1209 115.843C66.2806 114.173 59.7465 115.428 60.2182 110.488C60.3364 109.252 60.8687 108.284 61.8294 107.6C62.7893 106.934 64.0451 106.664 65.6301 106.81C67.2157 106.957 68.3981 107.452 69.1772 108.315C69.9556 109.177 70.293 110.243 70.1691 111.549L70.1638 111.601Z" fill="#9185FF"/>
+<path d="M60.2814 106.432L56.143 117.954L51.5317 116.313C49.1934 115.481 47.9021 113.128 48.7415 110.791C49.5137 108.485 52.2016 107.363 54.4351 108.231L55.8851 108.747L57.1201 105.306L60.2824 106.431L60.2814 106.432ZM54.9261 111.414L53.806 111.016C53.0153 110.735 52.2604 111.079 51.9533 111.935C51.652 112.774 52.0286 113.484 52.8193 113.765L53.9393 114.163L54.9266 111.415L54.9261 111.414Z" fill="#9185FF"/>
+<path d="M51.5178 103.004L45.4422 113.64L42.5248 111.983L48.5998 101.347L51.5173 103.003L51.5178 103.004Z" fill="#9185FF"/>
+<path d="M47.4728 101.049L39.255 110.14L36.4652 107.627L38.0995 99.9333L38.0219 99.8627L33.4546 104.915L31.0538 102.752L39.2716 93.6613L42.0613 96.1739L40.427 103.868L40.5047 103.938L45.0719 98.8861L47.4728 101.049Z" fill="#9185FF"/>
+<path d="M19.2318 78.9169C18.9034 77.2909 19.0774 75.8477 19.7343 74.5911C20.3876 73.3174 21.351 72.4265 22.6374 71.8968L23.3661 75.5093C22.6082 76.0027 22.1608 77.056 22.4058 78.2712C22.5854 79.1615 23.0221 79.821 23.7159 80.2496C24.3893 80.6647 25.1821 80.789 26.0566 80.6099C26.9659 80.4248 27.6651 79.997 28.1583 79.3446C28.648 78.6751 28.7944 77.8957 28.6154 77.0063C28.356 75.7221 27.6138 74.8751 26.9476 74.6727L27.4659 77.2401L24.8065 77.7815L23.5525 71.5676C23.7381 71.5124 23.9096 71.4768 24.0977 71.4392C25.9332 71.0654 27.5123 71.2783 28.8646 72.0545C30.345 72.9292 31.2799 74.3788 31.6841 76.3808C32.455 80.1984 30.2968 83.3108 26.7457 84.0348C23.1956 84.7582 19.9938 82.7016 19.2308 78.9175L19.2318 78.9169Z" fill="#9185FF"/>
+<path d="M30.7064 70.0923L18.4592 69.9463L18.508 66.5924L30.7552 66.7384L30.7064 70.0923Z" fill="#9185FF"/>
+<path d="M18.2299 65.3949L18.9483 61.7052L26.8261 60.7768L26.8565 60.6223L19.894 56.8496L20.5963 53.2464L31.7574 59.9786L31.1159 63.2728L18.2299 65.3949Z" fill="#9185FF"/>
+<path d="M32.4763 56.8467L21.2966 51.8799L24.606 44.4881L27.1938 45.6376L25.2559 49.9642L26.9491 50.7161L28.5861 47.0602L31.1739 48.2097L29.5369 51.8657L31.2457 52.625L33.254 48.1385L35.8576 49.2954L32.4763 56.8467Z" fill="#9185FF"/>
+<path d="M39.0015 45.0687L29.7431 37.0857L31.9422 34.5444L41.2006 42.5273L39.0015 45.0687Z" fill="#9185FF"/>
+<path d="M34.7664 35.4205L32.9227 33.2074L40.584 26.8378L42.4277 29.0509L39.8825 31.167L45.8604 38.3446L43.2757 40.4936L37.2979 33.3161L34.7664 35.4205Z" fill="#9185FF"/>
+<path d="M51.9407 34.0454L52.0602 21.2035L56.222 19.905L63.6751 30.3845L60.2483 31.4539L59.165 29.8529L55.1863 31.0939L55.2004 33.0281L51.9407 34.0454ZM55.1413 27.9982L57.4486 27.2785L55.2657 24.0263L55.0986 24.0784L55.1422 27.9977L55.1413 27.9982Z" fill="#9185FF"/>
+<path d="M68.1198 26.0737L71.2904 26.367C71.2855 27.1559 71.8987 27.7224 73.031 27.8268C73.9889 27.9153 74.4855 27.6806 74.539 27.1235C74.6919 25.5227 68.3419 26.6898 68.8247 21.6272C68.9323 20.4962 69.4197 19.629 70.3068 18.9914C71.1938 18.3537 72.3436 18.0918 73.7894 18.2258C76.6456 18.49 78.2663 20.1142 78.1611 22.6854L74.8516 22.3786C74.8589 21.748 74.3952 21.2664 73.5067 21.1835C72.7233 21.1108 72.2065 21.361 72.1627 21.8314C72.003 23.5021 78.5371 22.2464 78.0654 27.1872C77.9482 28.4226 77.4159 29.3905 76.4542 30.0751C75.4943 30.7409 74.2385 31.0107 72.6535 30.8646C71.0679 30.7175 69.8855 30.2223 69.1064 29.3598C68.328 28.4983 67.9906 27.4315 68.1145 26.1263L68.1198 26.0737Z" fill="#9185FF"/>
+<path d="M78.0022 31.2431L82.1406 19.721L86.7519 21.362C89.0902 22.194 90.3815 24.5472 89.5421 26.8843C88.7699 29.1901 86.082 30.3122 83.849 29.4446L82.3991 28.9289L81.1641 32.3692L78.0018 31.2446L78.0022 31.2431ZM83.3581 26.2616L84.4781 26.6597C85.2689 26.9411 86.0237 26.5966 86.3309 25.7409C86.6321 24.9014 86.2556 24.1919 85.4649 23.9105L84.3448 23.5124L83.3581 26.2616Z" fill="#9185FF"/>
+<path d="M86.7652 34.6697L92.8403 24.0328L95.7577 25.6894L89.6827 36.3263L86.7652 34.6697Z" fill="#9185FF"/>
+<path d="M90.8116 36.6254L99.0294 27.5345L101.819 30.047L100.185 37.7409L100.262 37.8115L104.83 32.7592L107.231 34.922L99.0128 44.0129L96.223 41.5003L97.8573 33.8064L97.7797 33.7359L93.2125 38.7881L90.8116 36.6254Z" fill="#9185FF"/>
+</svg>