Fixed import

src/components/dashboard_button.rs

@@ -14,18 +14,18 @@ pub fn DashboardButton(
     view! {
         <button
             type="button"
-            class="dashboard-button flex items-start gap-3 rounded-lg border p-4
-                   hover:bg-gray-100 transition cursor-pointer w-full text-left"
-            on:click=on_click
-        >
-            {icon.as_ref().map(|src| view! {
-                <img src={src.clone()} class="h-8 w-8" alt="icon"/>
-            })}
+            class="dashboard-button flex items-start gap-3 rounded-lg border-grey-300 p-6
+                   hover:bg-gray-100 transition cursor-pointer w-full text-left
+                   shadow-[inset_0_0_6px_rgba(0,0,0,0.12)]"
+            on:click=on_click>
 
             <div class="flex flex-col">
+                {icon.as_ref().map(|src| view! {
+                <img src={src.clone()} class="h-8 w-8" alt="icon"/>
+                })}
                 <h3 class="font-semibold text-base">{title.clone()}</h3>
                 {description.as_ref().map(|d| view! {
-                    <p class="text-sm text-gray-600">{d.clone()}</p>
+                    <p class="text-sm text-gray-600 pt-6">{d.clone()}</p>
                 })}
             </div>
         </button>

src/components/mod.rs

@@ -1,7 +1,7 @@
 mod action_button;
 mod checkbox;
 mod chips;
-pub(crate) mod dashboard_button;
+mod dashboard_button;
 mod loading;
 mod multi_entry;
 mod panel;
@@ -11,6 +11,6 @@ mod select;
 mod text_field;
 
 pub use self::{
-    action_button::*, checkbox::*, chips::*, loading::*, multi_entry::*, panel::*, radio::*,
-    row::*, select::*, text_field::*,
+    action_button::*, checkbox::*, chips::*, dashboard_button::*, loading::*, multi_entry::*,
+    panel::*, radio::*, row::*, select::*, text_field::*,
 };