diff --git a/components/pages/create-video/CreateInput/ConfigPanel.tsx b/components/pages/create-video/CreateInput/ConfigPanel.tsx
index aba5505..a7d730d 100644
--- a/components/pages/create-video/CreateInput/ConfigPanel.tsx
+++ b/components/pages/create-video/CreateInput/ConfigPanel.tsx
@@ -114,7 +114,7 @@ export const ConfigPanel = ({
             </Dropdown>
 
             {/* Aspect ratio toggles */}
-            <div data-alt="aspect-ratio-controls" className="h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60">
+            <div data-alt="aspect-ratio-controls" className="h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60">
                 <button
                     data-alt="portrait-button"
                     className={`w-8 h-6 rounded-full transition-all duration-200 flex items-center justify-center ${
diff --git a/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx b/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
index ce5bfe4..f642e65 100644
--- a/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
+++ b/components/pages/create-video/CreateInput/PortraitAnimeSelector.tsx
@@ -81,7 +81,7 @@ export function PortraitAnimeSelector({
     return (
         <div
             data-alt="portrait-anime-selector"
-            className={`h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`}
+            className={`h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`}
         >
             {/* Portrait button */}
             <button
diff --git a/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx b/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
index 6806e7c..1984e02 100644
--- a/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
+++ b/components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
@@ -85,13 +85,13 @@ export default function PhotoPreviewSection({
                     <div
                         key={photo.id || `photo-${index}`}
                         data-alt="photo-item"
-                        className="relative flex-shrink-0 w-16 h-16 rounded-md overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20"
+                        className="relative flex-shrink-0 w-16 h-16 rounded-[16px] overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20"
                         onMouseEnter={() => setHoveredIndex(index)}
                         onMouseLeave={() => setHoveredIndex(null)}
                     >
                         {/* Photo Image */}
                         <div 
-                            className="w-full h-full rounded-md overflow-hidden"
+                            className="w-full h-full rounded-[16px] overflow-hidden"
                             onClick={() => handlePreview(photo.url)}
                         >
                             <img
@@ -104,7 +104,7 @@ export default function PhotoPreviewSection({
                         {/* Type Icon - Bottom Left Corner */}
                         <div
                             data-alt="type-icon"
-                            className="absolute bottom-1 left-1 w-5 h-5 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]"
+                            className="absolute bottom-1 left-1 w-4 h-4 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]"
                         >
                             {getTypeIcon(photo.type)}
                         </div>