diff --git a/src/components/commons/Pagination/index.tsx b/src/components/commons/Pagination/index.tsx
index 98c7f7cc..2e9edbaa 100644
--- a/src/components/commons/Pagination/index.tsx
+++ b/src/components/commons/Pagination/index.tsx
@@ -36,26 +36,30 @@ const Pagination = ({ totalCount, pageState, postPerPage, onClick }: PaginationP
 
   return (
     showPagination && (
-      <nav aria-label='Page Navigation'>
+      <nav role='presentation' aria-label='Page Navigation'>
         <ul className={cx('pagination')}>
-          <button onClick={handleFirstPageClick}>
-            <Image
-              className={cx({ 'pagination-arrow-activated': currentPageGroupIndex })}
-              src={left.double.url}
-              alt={left.double.alt}
-              width={24}
-              height={24}
-            />
-          </button>
-          <button onClick={handlePrevButtonClick}>
-            <Image
-              className={cx({ 'pagination-arrow-activated': currentPageGroupIndex })}
-              src={left.single.url}
-              alt={left.single.alt}
-              width={20}
-              height={20}
-            />
-          </button>
+          <li>
+            <button onClick={handleFirstPageClick}>
+              <Image
+                className={cx({ 'pagination-arrow-activated': currentPageGroupIndex })}
+                src={left.double.url}
+                alt={left.double.alt}
+                width={24}
+                height={24}
+              />
+            </button>
+          </li>
+          <li>
+            <button onClick={handlePrevButtonClick}>
+              <Image
+                className={cx({ 'pagination-arrow-activated': currentPageGroupIndex })}
+                src={left.single.url}
+                alt={left.single.alt}
+                width={20}
+                height={20}
+              />
+            </button>
+          </li>
           {currentPageGroup.map((pageNumber, index) => (
             <li key={`page-${index}`}>
               <button
@@ -66,28 +70,32 @@ const Pagination = ({ totalCount, pageState, postPerPage, onClick }: PaginationP
               </button>
             </li>
           ))}
-          <button onClick={handleNextButtonClick}>
-            <Image
-              className={cx({
-                'pagination-arrow-activated': isArrowActivated,
-              })}
-              src={right.single.url}
-              alt={right.single.alt}
-              width={20}
-              height={20}
-            />
-          </button>
-          <button onClick={handleLastPageClick}>
-            <Image
-              className={cx({
-                'pagination-arrow-activated': isArrowActivated,
-              })}
-              src={right.double.url}
-              alt={right.double.alt}
-              width={24}
-              height={24}
-            />
-          </button>
+          <li>
+            <button onClick={handleNextButtonClick}>
+              <Image
+                className={cx({
+                  'pagination-arrow-activated': isArrowActivated,
+                })}
+                src={right.single.url}
+                alt={right.single.alt}
+                width={20}
+                height={20}
+              />
+            </button>
+          </li>
+          <li>
+            <button onClick={handleLastPageClick}>
+              <Image
+                className={cx({
+                  'pagination-arrow-activated': isArrowActivated,
+                })}
+                src={right.double.url}
+                alt={right.double.alt}
+                width={24}
+                height={24}
+              />
+            </button>
+          </li>
         </ul>
       </nav>
     )