diff --git a/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.css b/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.css
index 4d37798..3259bc6 100644
--- a/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.css
+++ b/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.css
@@ -10,10 +10,11 @@
   animation: modalSlideUp 0.3s ease-out;
 }
 
-.modal-header {
+.modal-headerr {
   display: flex;
   align-items: center;
   gap: 20px;
+  justify-content: left;
   margin-bottom: 20px;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
diff --git a/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.jsx b/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.jsx
index 0689543..182341e 100644
--- a/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.jsx
+++ b/client/src/views/GameInterface/tabs/components/DatapackDetailsModal.jsx
@@ -75,7 +75,7 @@ const DatapackDetailsModal = ({ data, onClose }) => {
           ×
         </button>
 
-        <div className="modal-header">
+        <div className="modal-headerr">
           <div className="modal-icon-big">
             {data.texture ? (
               <img src={`${config.serverUrl}/static/${data.texture}`} alt="" />