diff --git a/src/components/FloatingActionButton.tsx b/src/components/FloatingActionButton.tsx
index ca2fbb2..2be067c 100644
--- a/src/components/FloatingActionButton.tsx
+++ b/src/components/FloatingActionButton.tsx
@@ -1,4 +1,4 @@
-import { JSX, ParentComponent, children } from "solid-js";
+import { type JSX, type ParentComponent, children } from "solid-js";
 
 export type FloatingActionButtonProps =
   JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
diff --git a/src/components/navigation/Aside.tsx b/src/components/navigation/Aside.tsx
index 94d5ed6..b7fbc8f 100644
--- a/src/components/navigation/Aside.tsx
+++ b/src/components/navigation/Aside.tsx
@@ -15,7 +15,6 @@ function clickOutside(el: HTMLElement, value: Accessor<Signal<boolean>>) {
   const [visible, setVisible] = value();
 
   const onClick = (event: MouseEvent) => {
-    console.log("directive click", visible());
     if (visible() && !el.contains(event.target as Node | null)) {
       event.stopPropagation();
       event.stopImmediatePropagation();
@@ -96,7 +95,7 @@ const Aside: ParentComponent<AsideProps> = (props) => {
             role="presentation"
             tabIndex={-1}
           >
-            <TbMenu />
+            <TbMenu class="block" />
           </FloatingActionButton>
         </Show>
         <Show when={visible()}>
@@ -105,7 +104,7 @@ const Aside: ParentComponent<AsideProps> = (props) => {
             role="presentation"
             tabIndex={-1}
           >
-            <TbX />
+            <TbX class="block" />
           </FloatingActionButton>
         </Show>
       </Show>