diff --git a/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.css b/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.css
new file mode 100644
index 0000000..df6972f
--- /dev/null
+++ b/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.css
@@ -0,0 +1,67 @@
+.dialog-content {
+ min-width: 400px;
+ max-width: 600px;
+}
+
+.commit-info {
+ background-color: #f5f5f5;
+ padding: 15px;
+ border-radius: 5px;
+ margin-bottom: 20px;
+}
+
+.commit-info p {
+ margin: 5px 0;
+ font-size: 14px;
+}
+
+.branch-form {
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+}
+
+.form-field {
+ width: 100%;
+}
+
+.action-container {
+ display: flex;
+ justify-content: flex-end;
+ gap: 10px;
+ margin-top: 20px;
+ padding: 0 24px 24px 24px;
+}
+
+.ordinary-button {
+ background-color: #f5f5f5;
+ color: #333;
+ border: 1px solid #ddd;
+ padding: 8px 16px;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 14px;
+}
+
+.ordinary-button:hover {
+ background-color: #e0e0e0;
+}
+
+.submit-button {
+ background-color: #3f51b5;
+ color: white;
+ border: none;
+ padding: 8px 16px;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 14px;
+}
+
+.submit-button:hover:not(:disabled) {
+ background-color: #303f9f;
+}
+
+.submit-button:disabled {
+ background-color: #ccc;
+ cursor: not-allowed;
+}
\ No newline at end of file
diff --git a/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.html b/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.html
new file mode 100644
index 0000000..cb0f7cf
--- /dev/null
+++ b/ogWebconsole/src/app/components/repositories/show-git-images/create-branch-modal/create-branch-modal.component.html
@@ -0,0 +1,31 @@
+
Commit ID: {{ data.commit?.hexsha }}
+Mensaje: {{ data.commit?.message }}
+