use same div

packages/presentation/src/components/Slides.tsx

@@ -12,8 +12,7 @@ const MARP_CONTAINER_CLASS_NAME = 'marpit';
 
 const marpit = new Marp({
   container: [
-    new Element('div', { class: MARP_CONTAINER_CLASS_NAME }),
-    new Element('div', { class: 'slides' }),
+    new Element('div', { class: `slides ${MARP_CONTAINER_CLASS_NAME}` }),
   ],
   slideContainer: [
     new Element('section', { class: 'shadow rounded m-2' }),
@@ -34,14 +33,12 @@ export const Slides = (props: Props): JSX.Element => {
   const { options, children, hasMarpFlag } = props;
 
   return (
-    <div className={`${MARP_CONTAINER_CLASS_NAME}`}>
-      <div className="slides">
-        {
-          hasMarpFlag
-            ? <MarpSlides marpit={marpit}>{children}</MarpSlides>
-            : <GrowiSlides options={options} marpit={marpit}>{children}</GrowiSlides>
-        }
-      </div>
+    <div className={`slides ${MARP_CONTAINER_CLASS_NAME}`}>
+      {
+        hasMarpFlag
+          ? <MarpSlides marpit={marpit}>{children}</MarpSlides>
+          : <GrowiSlides options={options} marpit={marpit}>{children}</GrowiSlides>
+      }
     </div>
   );
 };