diff --git a/packages/ui/.storybook/preview.tsx b/packages/ui/.storybook/preview.tsx
index ddfe9817e..dcdff6f7b 100644
--- a/packages/ui/.storybook/preview.tsx
+++ b/packages/ui/.storybook/preview.tsx
@@ -22,7 +22,7 @@ const preview: Preview = {
   ],
   parameters: {
     docs: {
-      theme: themes.dark,
+      theme: themes.light
     },
     controls: {
       matchers: {
diff --git a/packages/ui/src/components/IconButton.tsx b/packages/ui/src/components/IconButton.tsx
index 37213e88c..3dc072303 100644
--- a/packages/ui/src/components/IconButton.tsx
+++ b/packages/ui/src/components/IconButton.tsx
@@ -5,12 +5,12 @@ import { tv } from 'tailwind-variants';
 import type { VariantProps } from 'tailwind-variants';
 
 const iconButtonStyle = tv({
-  base: 'flex items-center justify-center rounded-full outline-none duration-200 focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-teal-600',
+  base: 'flex items-center justify-center outline-none duration-200 focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-teal-600',
   variants: {
     size: {
-      small: 'h-6 w-6 p-1',
-      medium: 'h-8 w-8 p-1',
-      large: 'h-10 w-10 p-2',
+      small: 'h-6 w-6 rounded-full',
+      medium: 'h-8 w-8 rounded-lg',
+      large: 'h-10 w-10 rounded-lg',
     },
     variant: {
       ghost: 'bg-white/80 hover:bg-neutral-gray1 pressed:bg-neutral-gray2',
diff --git a/packages/ui/stories/index.css b/packages/ui/stories/index.css
index 3619bef24..12d29e32a 100644
--- a/packages/ui/stories/index.css
+++ b/packages/ui/stories/index.css
@@ -1,3 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto+Serif:ital,opsz,wght@0,8..144,300;0,8..144,400;1,8..144,300;1,8..144,400&display=swap');
+
 :root {
-  --font-sans: 'Inter', sans-serif;
+  --font-sans: 'Roboto', sans-serif;
+  --font-mono: 'Roboto Mono', monospace;
+  --font-serif: 'Roboto Serif', serif;
 }